Products taken from idea to shipped code.

Product design, design systems and the Next.js front end — owned end-to-end, by one designer.

I've been shipping interfaces for five years — freelance clients, research-led concepts, and now a live healthcare product as a founding designer. Every project runs the same loop: research with real users, a proper design system, and front-end code I write myself.

Works

Selected Work

One live product, then the concept studies where I practice research rigor.

db doc.bio Live product · 2025 — now

The doctor's digital identity — one link that holds a whole practice. First cohort of doctors live on a paid subscription product; I own product, brand, design system and the entire Next.js front end. Live profile ↗

BookMyShow concert ticketing redesign — prototype cover

bmBookMyShow ticketing UX · Prototype · 2025

From seat-map confusion to checkout confidence — heuristic audit, redesigned flows, interactive prototype. Walkthrough ↗

Rethinking Instagram Saved — annotated user-journey storyboard

igInstagram Saved Research · Concept · 2025

A 75-person survey into why saved posts die in the scroll — filtering, context and reminders that turn saves into revisits.

Jebby — full app flow board: onboarding, KYC, dashboard, invoices and expenses

fiFreelancer fintech Research · Concept · 2025

247 freelancers surveyed (78% completion) plus field interviews in three cities — turned into invoicing, expense and tax flows.

Echo — pricing section, Whisper and Echo Pro plans

ecEcho — voice-first landing Brand · Landing · 2025

Twelve interviews and a competitor teardown into an eight-section landing and brand system — in seven days.

in between shipping, I make things like these — @28.folds dribbble

28.folds visual — Flew Too Close To The Sun

28.folds visual — Design Thinking Is For You

Principles

How I Work

Six rules behind everything I ship.

01
Evidence over opinion

Decisions start with data I collect myself — 75- and 247-person surveys, field interviews, usability passes. Taste breaks ties; evidence sets direction.
02
Systems before screens

Tokens, type scales and components come first, so the fiftieth screen stays as consistent as the first — the discipline behind a 26-finding audit I ran on a live product.
03
Design in code

I build what I design — Next.js, React, TypeScript, Tailwind. No translation loss, no handoff decay: the Figma and the production DOM are the same idea.
04
Motion with intent

Scroll-driven motion and micro-interactions that explain hierarchy and state — GSAP and Framer Motion as tools of clarity. If it doesn't guide the eye, it goes.
05
Craft is the brand

Typography, spacing and detail carry the promise on every surface a user touches — from the landing page down to the OG card shared in a group chat.
06
Ship, then sharpen

Real users beat internal debate. I ship the honest version, watch it live, and iterate — it's how every product I've worked on has grown, screen by screen.