NWH
henrynoowah@gmail.comPortfolio — 2024
AboutHawoon Joh 조하운Seoul, KR

NOOWAH

Hawoon Joh 조하운 · 누와

Product Engineer — frontend, platform, and everything between

I build products end to end. That started as frontend work — Next.js and TypeScript — and kept expanding, because the interesting problems never stayed in one layer. Today that means leading a small engineering team, planning a product line, and owning the pipeline that ships it.

There was no straight line here. I studied spatial design, worked a non-dev job, went through a backend bootcamp, then taught myself frontend. Every step was the same move: learn whatever the work needed next.

Role
Product Engineer
Based
Seoul, KR
Handle
NOOWAH
Since
2022 — CloudHospital
Team
4–8 engineers
Writing
Blog

The Path

Spatial design to production infrastructure, one self-taught step at a time.

2020

Kookmin University

B.A. Spatial Design

Four years spent thinking about how people move through a space and what makes a layout legible. It turns out to be the same question a UI asks, which is why the switch felt less like a career change than a change of material.

2020–21

Design work

A non-dev job, and a growing itch

Working alongside software without being able to build it got old fast. I wanted to be the one shipping the thing, not handing off a file and hoping.

2021

Bootcamp

Backend first — Java and SQL

I learned the server side before the client side. Backwards, by portfolio standards — but knowing what a query costs and how a schema is shaped has been quietly useful in every frontend decision since.

2021–22

Self-taught

Into the frontend

React, then Next.js and TypeScript, built by making things that had to actually work. No course completion certificate — just a pile of projects, each one harder than the last.

2022

CloudHospital

Hired, then leading

Joined to build the frontend and ended up responsible for the platform around it — the marketing site and CMS, SEO, performance, and eventually the deployment pipeline. Now leading a team of four to eight.

Now

Synolink

Planning a product line

Leading synolink.ai end to end — three products, one modular suite. The largest thing I have been responsible for, and the first where the architecture decisions are mine to make.

Every step, I taught myself the next thing the work needed.

P / 01

Performance and SEO are product features, not cleanup tasks.

A page nobody can find and nobody waits for does not exist. Both belong in the plan, not the backlog.
P / 02

Build the tool that builds the thing.

Visual editors, code generation, automated pipelines. If a task will happen a hundred times, the second time should already be cheaper.
P / 03

Never leave anything at POC level — dig deeper into the details.

A demo that works once proves nothing. The details are where a prototype becomes a product.

The Work

At CloudHospital I own the frontend of icloudhospital.com and its backoffice, plus the marketing site and the CMS behind it. Building it was the first half of the job.

The second half is everything that decides whether the work reaches anyone: search and GEO visibility, page performance, and reading traffic closely enough to turn it into conversion. Same principle as P/01 — that is product work, not maintenance.

icloudhospital.com platform + backofficePlatform
Marketing site and CMSProduct
SEO and GEO improvementGrowth
Web performancePerf
Traffic analysis and conversionGrowth
Ongoing maintenanceOps

Boxout — 01

Automated SaaS delivery for client hospitals

Every client hospital gets its own deployment. Doing that by hand does not scale past a handful, so I built the pipeline that provisions and ships them automatically — cluster workloads, GitOps-driven releases, and DNS wired up per tenant without anyone touching a console.

Kubernetes · ArgoCD · Azure DNS · GoDaddy

New product line — synolink.ai

A modular SaaS suite for running an online business. Each product stands alone — or plugs into the others as an extension.

Planned and led end to end (총괄).

01

cms.synolink.ai

Visual web builderIn development

A builder in the Webflow and Squarespace class, with AI-generated content, SEO- and GEO-optimized output, and i18n built in for global leads and marketing.

02

inbox.synolink.ai

Omnichannel messagingLive

Customer conversations from every channel in one inbox.

03

ehr.synolink.ai

Medical EHRIn development

An electronic health record platform, built to slot into the same suite rather than sit off to the side as a silo.

Fig. 1 — Standalone, or composed.

Frontend

Next.js, TypeScript, React, Tailwind CSS, Motion

Platform

Kubernetes, ArgoCD, Azure, GitHub Actions, CI/CD, Vercel

Practice

SEO / GEO, Web performance, Analytics and conversion, i18n, Design systems, Team leadership

In the workshop

a/

AI agents and LLM tooling

Already shipping inside the Synolink CMS as generated content; the interesting part is what else it can own.

b/

Infrastructure, deeper

Kubernetes and ArgoCD I use daily. Observability is the gap I am closing now.

c/

Design engineering

Motion, 3D, and visual editors — the places where the design degree still pays rent.

Off the clock

a/

Watches

Modding and watchmaking. A movement is a system you can hold: hundreds of parts, no abstraction layer, and it either keeps time or it does not. Nothing has taught me more about finishing a job properly.

b/

Music

On for most of the working day, and most of the non-working day.

c/

Gym and running

The one part of the week with no backlog and no code review.

Fig. 2 — inputs. Watchmaking is where P/03 came from: nothing stays at POC level once it is open on the bench.

Side Projects

P/02 — build the tool that builds the thing. Three receipts.

01

shadcn/ui RJSF Form Builder

ReactJSON Schemashadcn/uiForm Builder

A form builder powered by react-jsonschema-form with shadcn/ui components. Generates dynamic forms from JSON Schema through a visual builder interface.

02

CMS Content Builder

UI EditorCMSStorybookComponent Library

A visual UI editor and content builder with a component-driven architecture. Drag and drop to assemble rich content layouts.

03

node-pr-versioning

GitHub ActionNode.jsAutomationCI/CD

A GitHub Action that automates Node.js package versioning via PR labels. Supports major/minor/patch bumps, monorepo paths, custom commit messages, tag generation, and dry-run mode.

Let's build
something great.

Get in Touch

Set in Syne and Outfit. Built with Next.js, Tailwind CSS, and Motion.

About — Issue 01 · Seoul · 2026

— END —

About | Hawoon Joh