SFPD Available for select projects

San Francisco Bay Area · Product designer and design engineer

San Francisco product designer and design engineer

I partner with teams shipping AI products. I design the experience and build the production front end, turning model output and messy product logic into interfaces people trust and act on. One person who can hold the whole line, from research and framing through shipped React, Next.js, and TypeScript.

9
Case studies
3live
React apps
3
Design systems
AA
WCAG conformance
Watchtower On call 00:12
Ava, agent

Your balance is $200.00. How much would you like to pay today?

Caller

Clear the whole thing and add the late fee. Make it $340.

Take payment up to $200 Issue refund
Action pending$140 over limit
Charge $340.00
Live agent supervision · concept Open the console ›
Built with Figma React Next.js TypeScript Tailwind Storybook Vercel

What I do

Design and engineering for AI era products

The trust and control problems unique to AI, the unglamorous complexity of enterprise workflows, and the production code that ships both. Engage me for the part of the work most teams have to split across two hires.

AI product design

Explainable, controllable AI. Human in the loop control, agentic workflows, model behavior, and decision support people can direct, not black boxes.

Explore the lab

Design engineering

I ship the front end, not just the file. Production React, Next.js, and TypeScript, design system components in Storybook, merged through real pull requests.

See the skills

Complex workflows and data heavy interfaces

Admin, permissions, onboarding, queues, approvals, and the dense tables and dashboards that stay legible and fast under real load, so people find the signal and act on it.

See case studies

Design systems and accessibility

Themeable, coded component systems built to WCAG 2.1 AA, documented and shipped so teams move faster without the drift. Tokens through to shipped, accessible code.

See the systems

How I work

Human intent, machine action. Design that makes AI legible, then code that makes it real.

01 · Frame

Find the real problem

Switch interviews, jobs to be done, and the forces holding users back. We name the job before we touch a solution.

02 · Build

Prototype in the real material

Functional prototypes in code, not flat mockups. We feel the interaction early and cut what does not earn its place.

03 · Ship

Merge production front end

Accessible, type safe React and design system components, merged through real pull requests. The work ships, it does not sit in a handoff file.

Good to know

Working with David

Quick answers to what people usually ask: where I am, the design engineer hybrid, the industries I have shipped in, and how I build.

Start a conversation
Yes. I am based in Los Altos in the San Francisco Bay Area, designing AI enabled SaaS, mobile, and complex enterprise products for teams across the Bay Area, Silicon Valley, and beyond. I work on site in the Bay and remotely.
A design engineer designs the experience and also builds the production front end. I work from early framing and prototyping through shipped React, Next.js, and TypeScript components and design systems in Storybook, partnering with Product and Engineering throughout.
Fintech and payments, real estate, enterprise and B2B SaaS, consumer health on iOS and watchOS, media and analytics, and AI tooling, from 0 to 1 products through large scale platform redesigns.
AI enabled SaaS, mobile apps, and complex enterprise workflows: admin, permissions, onboarding, configuration, queues, approvals, exceptions, and data heavy tables, dashboards, and decision support.
Yes. I ship production front end in React, Next.js, and TypeScript through merged pull requests, own coded design system components in Storybook, and build functional prototypes in code. Criterion, How Much Would I Have If, and the Interaction Layer are all live in my portfolio. Criterion is built in React and How Much Would I Have If in Next.js.
Design: Figma, FigJam, and Miro. Front end: HTML, CSS, JavaScript, TypeScript, React, Next.js, and Tailwind. Design systems: Storybook, tokens through to coded, shipped components. AI assisted development: Cursor, Claude Code, and v0, plus LLMs and system prompting as a daily driver. Version control and deploy: GitHub and Vercel. Analytics and experimentation: Amplitude, Mixpanel, and Google Analytics. Data: SQL.

Start a project

Let us build something people trust

Tell me what you are building. I read these the same day and reply by email within one business day. No bots, no assistant, no queue in between. Just me.

Got it.

I read these the same day and reply by email within one business day. No bots, no assistant, no queue in between. Just me.

Add your name and a valid email so I can reply.
Tell me a little about the project.
Reply within one business day.