How I Work

A Rigorous Process.
Shipped Work.

I don't separate design from engineering — they're the same discipline practiced at different levels of fidelity. Here's how I move from ambiguous problem to production-ready product.

01

Discover

Every project starts with rigorous research. I audit existing products, run competitive analysis, interview stakeholders, and map the problem space before a single pixel gets moved.

User interviewsCompetitive analysisHeuristic evaluationAnalytics reviewAccessibility audit
02

Define

Research becomes structure. I translate findings into information architecture, user flows, and a clear design brief — a shared artifact that keeps design, engineering, and product aligned.

Information architectureUser flows & journey mapsDesign principlesSuccess metrics definitionTechnical feasibility scoping
03

Design

Figma prototypes, design tokens, and component systems — built for handoff from day one. I design the system, not just the screens. Every decision is traceable back to research.

Figma component systemsDesign token architectureResponsive prototypingAccessibility annotationMotion design principles
04

Engineer

I build what I design. React, TypeScript, Next.js — with animations via Framer Motion and AI integration where it creates genuine value. The code is as considered as the design.

React + TypeScriptNext.js App RouterFramer Motion animationsAI/LLM integrationWCAG 2.1 implementation
05

Ship

Shipping is where most design-engineering work separates itself. I run performance audits, validate WCAG compliance, set up error monitoring, and iterate post-launch on real usage data.

CI/CD pipeline setupLighthouse performance auditWCAG 2.1 AA validationSentry error monitoringPost-launch iteration
Principles

Design for the edge case.

The empty state, the error state, the mobile state — these are where most design breaks. I design them first.

The code is part of the design.

How a component behaves under real data, at real latency, on a real device — that's a design decision. I make it.

Accessibility is not a feature.

WCAG 2.1 AA is the floor. It lives in the design tokens, not the QA checklist.

Ship small, learn fast.

The best prototype is the one that's live. I bias toward shipping something real over perfecting something theoretical.

Ready to apply this to your product?

Open to senior Design Engineer and Staff Product Designer roles. Remote. $250K–$350K.

Start a Conversation →