UI and interaction design for the network of small web apps I make on the side. Every project is a chance to choose a typeface, a colour set, a rhythm — and to ship.
I'm an engineer who keeps wandering into the design side. Most of what I build is a small, opinionated web app — a one-page site, a single-file tool, a deliberate visual moment. The constraint is what makes it fun.
My instinct is to design the system before the screen: pick a palette, settle on a type pairing, decide what the headers should feel like, and only then start placing buttons.
I think of this site as a working portfolio — projects ship at the same domain they're designed at, so what you see here is what's running in production somewhere.
Some of the work is product-shaped (a coffee builder, a payment-link sandbox). Some is research-shaped (gesture-driven instruments). All of it shares the same small-batch, single-file aesthetic.
Visual lab for building coffee drinks — drop ingredients into a virtual cup and watch which famous coffee you just made.
visitFood-experiments scratch pad. Plate combinations, ingredient noodling, the visual side of cooking trials.
visitThe music-journey site. Dark warm theme, Instrument Serif headlines, timeline of concerts. Same family as this page.
visitGesture-driven mini-orchestra in the browser — theremin, bow, and scale-banded instruments controlled by the body. Interface design for an interface without buttons.
visitTap-test sandbox for Singapore payment-app deep links. A utility page that still earns a typography pass.
visitPer-project breakdowns — colour decisions, type pairings, why the dark theme, what got cut. To be added as each project earns a write-up.
to be addedA handful of decisions I keep making, project after project. Not rules — just the path of least friction once you've made them once.
Every site in the network keeps the same structural skeleton and shifts only its accent pair. This page leans magenta & violet — the design-studio register of the family.
Case studies, before/after frames, and Figma exports will be added here as the portfolio fills in.