Creative Frontend Developer — San Francisco
Crafting digital experiences with soul.
I am an independent creative developer building fast, motion-rich web applications. I bridge the gap between frontend design systems and production-grade engineering.
Selected Projects
Selected Work
A curated set of recent frontend builds. Each focuses on translating interaction models into reliable, high-performance code.
Meridian Dashboard ↗
A real-time analytics platform with custom fluid data visualizations, interactive charting engines, and a performance-optimized dark dashboard console.
Lumina Store ↗
A luxury fashion e-commerce experience featuring dynamic 3D product previews, fluid page transitions, and editorial-led product storytelling layouts.
Atelier Noir ↗
An editorial site for a Parisian art photographer, utilizing full-bleed fluid imagery grids and custom cinematic scroll-driven transitions.
Nexus Platform ↗
A collaborative CRM environment with real-time web socket sync, interactive drag-and-drop kanban pipelines, and highly optimized local state management.
Aether Portal ↗
An immersive WebGL exploration sandbox driven by procedural audio inputs and custom interactive pixel shaders.
Helios Analytics ↗
A high-throughput telemetry interface built to visualize Kubernetes cluster nodes, system health metrics, and active traffic flows.
Career Path
Work Experience
A history of engineering products at the intersection of performance, design systems, and rich interaction.
Senior Frontend Engineer
Stripe ↗- Architected and shipped next-generation analytics portals using React and TypeScript.
- Improved core telemetry dashboard load speed by 35% via bundle virtualization and deferred state queries.
- Collaborated with design teams to construct a design token framework, unifying 8 separate domains.
- Mentored 4 engineers on UI animation pipelines, performance optimization, and accessibility testing frameworks.
Creative Frontend Developer
Vercel ↗- Designed and coded high-fidelity templates and marketing layouts for millions of global active users.
- Engineered custom GSAP animation assets and interactive features for the Vercel Ship conference.
- Maintained average core rendering speed across template routes at sub-second scales.
- Established responsive particle simulation codebeds optimized for low-end mobile devices.
Interactive Web Developer
Supercreative Studio ↗- Constructed immersive digital storytelling hubs and 3D display environments for consumer brands.
- Authored modular motion libraries utilizing Three.js and WebGL, reducing production iteration times by 50%.
- Shipped 15+ rich-media web installations, resulting in 4 separate visual design awards.
- Engineered custom Web Audio and GLSL shaders to tie system soundscapes with on-screen visual flows.
Philosophy
I build the connective tissue of a site.
The space between a static layout design and a deployed product — that is where I work.
Frontend · Motion · Interaction
Most websites treat motion as decoration. I treat motion as language: the way an element eases into view tells you what to pay attention to, how things relate, and whether you can trust the interface you are using.
I sit at the seam between design systems and core engineering. I write the CSS that makes a layout feel inevitable, the shaders that make a surface feel alive, and the structured TypeScript that keeps it stable under real workloads.
Before committing to an animation, I ask one question: what is this interaction communicating? If the answer is nothing, it gets cut. Restraint is a primary visual feature.
"Restraint is not the absence of motion. It is the presence of intent."Field Notes · San Francisco · 2026
Capabilities
What I Do
High-end engineering that bridges product design guidelines with accessible, modular frontend systems.
Frontend Architecture
Scalable React/Next.js applications built with TypeScript, token-based styling frameworks, and clean performance-first codebeds.
Motion & Interaction
Scroll-driven graphics, custom micro-interactions, and visual animation transitions orchestrated with GSAP timeline sequences.
Creative Development
Interactive WebGL layouts, customized vertex/fragment shader designs, and immersive 3D canvas modules built with Three.js.
Design Systems
Reusable layout components, design token definitions, and robust accessible UI systems ensuring complete WCAG standard compliance.
A structured development approach.
Four phases · one shipped product
Understand. Sit with the brief until the core objective is clear.
Every project starts with a detailed conversation. I align on target metrics, technical limitations, and user needs to state the problem back in a single sentence.
Prototype. First in interactive motion, then in production code.
I build high-fidelity interactive motion moments before deciding layout shapes. If a transaction doesn't feel right within two days, we refine the core concept.
Engineer. Readable TypeScript, accessible layouts, and clean styling.
I ship structured React and TypeScript components, semantic accessible layouts, and robust styling that respects Cascade and design guidelines.
Refine. Performance is not a deliverable, it is the substrate.
I check Core Web Vitals from the first line of code. The interface has to feel fast on older mobile devices over throttled connections. Everything else is secondary.