Hi, I’m Ryan — design engineer
Full-stack design through code — React, TypeScript, AI-native. This isn’t a mockup: it’s a real app I built, running right here. Tap through it.
Run it yourself
Five interactive apps I built in React/TypeScript — real state, real flows, guided tours. Open any one.
How I build
Design → code
I take work from wireframe to shipped, production React/TypeScript/Tailwind — not a handoff, the whole path.
AI-native build
I build with agentic tools (Claude Code) directing every change, and ship AI/LLM features into products.
Design systems
Tokenized systems that make eng handoff fast — write once, read many.
GenAI in the loop
MidJourney → Runway in my workflow for imagery, motion, and rapid concepting.
Selected work
Proof
51%
Oracle cloud revenue growth ($1.5B) — contributed UX
60%
cloud cost reduction delivered at CloudNatix
2×
Saatchi & Saatchi Health's digital business — doubled
Selected companies
Each number is from the named engagement — ask me for the story and the measurement behind any of them. Have taught at Art Center and UC Berkeley Extension. References available on request.

About
Career at a glance: Head of Design at CloudNatix (0→1 B2B SaaS) · product and client work for Oracle, DocuSign, Audi, Wells Fargo, McKesson, and Louis Vuitton.