Design that ships its own code.

I'm a product designer and frontend developer who takes ideas from sketch to shipped interface. Curiosity has always been the driving force behind my work. It inspires me to explore new ideas, bridge the gap between design and engineering, and continuously refine my craft. Guided by the belief that "My efforts are my strengths," I create thoughtful digital experiences that balance aesthetics, usability, and technical execution.

7+Years in practice
40+Projects shipped
12Design systems built
Currently building
★ 4.9 client rating
Product Design Frontend Development Design Systems Prototyping Brand Identity Product Design Frontend Development Design Systems Prototyping Brand Identity

Selected work

A few projects I'm proud of.

Three placeholder case studies — swap in real projects, screenshots, and outcomes whenever you're ready.

01 / 03
Case study — 2026

Project One — Placeholder Title

One or two sentences on the problem, your role, and the outcome. Replace with real project copy once you have it.

Product design React
View case study
02 / 03
Case study — NDA protected 🔒

Project Two — Placeholder Title

One or two sentences you're free to share publicly — full details are password-protected due to an NDA.

Design system TypeScript
View case study (password required)
03 / 03
Case study — 2025

Project Three — Placeholder Title

One or two sentences on the problem, your role, and the outcome. Replace with real project copy once you have it.

Branding Webflow
View case study

How I work

A process built for clarity, not surprises.

Placeholder framing — describe your actual process in four steps.

01

Discover

Placeholder text about how you kick off a project and align on goals.

02

Design

Placeholder text about your design and iteration process.

03

Build

Placeholder text about how you move from design into shipped code.

04

Refine

Placeholder text about post-launch iteration and handoff.

JE

About

Placeholder heading about your approach.

This is placeholder about-section copy. Talk about how you got into design and development, the kinds of problems you like solving, and what a client or employer can expect from working with you.

Add a second paragraph about a specific project, tool, or belief that represents how you work — something concrete rather than a list of adjectives.

Figma React TypeScript Webflow Design systems CSS Prototyping

Testimonials

What people say about working together.

Placeholder quotes — swap in real feedback from clients or teammates.

Placeholder testimonial about the quality of work, communication, and outcome of the project.

AK
Alex Kim
Placeholder role, Company

Placeholder testimonial about the quality of work, communication, and outcome of the project.

SM
Sam Ito
Placeholder role, Company

Placeholder testimonial about the quality of work, communication, and outcome of the project.

RB
Riley Brooks
Placeholder role, Company

Let's work together

Have a project in mind? Let's talk about it.

Say hello