Bridging avant-garde visual design and high-performance creative engineering. Specializing in editorial digital experiences, kinetic typography, WebGL/shaders, and robust full-stack applications with an obsession for micro-interactions.
Bridging avant-garde visual design and high-performance creative engineering.
Specializing in editorial digital experiences, kinetic typography, WebGL/shaders, and robust full-stack applications with an obsession for micro-interactions.
San Francisco, CA / Remote
PST (UTC-8)
Design Engineering & Full-Stack Projects
Provided Services
Specialized design engineering and creative technical engagements tailored for ambitious digital flagships, spatial microsites, and design-led product teams.
Interactive Flagships & WebGL
Custom WebGL visualizers, procedural particle systems, GLSL shaders, and kinetic typography engineered for high-impact brand statements.
UI/UX & Design Systems
Architecting multi-brand design systems, tokenized variables, Figma libraries, and accessible component architectures built to scale.
Full-Stack Creative Engineering
Production-grade Next.js App Router applications with strict TypeScript schemas, Supabase PostgreSQL backends, and Edge middleware.
Performance & Interaction Audits
Profiling render bottlenecks, optimizing Core Web Vitals (CLS < 0.05, sub-second LCP), stripping JS bundle bloat, and smoothing frame rates.
Capabilities Matrix
A dual-domain practice synthesizing high-end visual aesthetics with uncompromising creative engineering rigor.
Design tokens, Figma component architecture, and scalable cross-platform UI guidelines.
User journey mapping, qualitative interviews, and low-fidelity structural prototypes.
Tactile state machines, micro-interactions, and high-fidelity clickable demos.
Kinetic typography choreography, physics-based UI easing curves, and spatial transitions.
High-contrast typography, asymmetrical grids, and print-inspired web aesthetics.
React Server Components, App Router streaming, and strict end-to-end type safety.
ScrollTrigger line-scrubbing, kinetic character split reveals, and spring-physics cursors.
Procedural Perlin grain canvas, custom fragment shaders, and 60fps interaction budgets.
PostgreSQL schemas, Row Level Security (RLS) policies, Edge Auth, and Storage pipelines.
Core Web Vitals compliance (CLS < 0.05), zero bundle waste, and smooth 60fps scrolling.
Experience Timeline
Track record leading design systems, interactive 3D web applications, and flagship digital products.
Staff Creative Technologist
Directing design engineering for high-profile digital flagship launches, interactive WebGL microsites, and generative design tools.
Senior UI/UX Engineer
Architected design token infrastructure, multi-brand component libraries, and motion-rich web applications with strict 60fps budgets.
Creative Developer
Engineered award-winning digital experiences, interactive 3D product visualizers, and custom headless CMS publishing workflows.
