Years of experience
About
Agency-trained.Detail-driven.
Seven years on the agency side: Google, Visa, Adidas, Sonos. Tight timelines, demanding clients, zero tolerance for 'good enough'. That's where you stop treating frontend as glue code and start treating it as a craft.
Frontend Architecture
Component systems with clear interfaces, rendering strategies chosen for the project over the framework default, and codebases that are still readable after someone else's third refactor.
Technical Leadership
Led frontend on award-winning projects for Google, Visa, and Adidas. The job is knowing when to push back on design, when to push back on engineering, and how to ship something both sides are proud of.
Selected work
Projects
Brand Experience
Chili's BurgerTime Site
Arcade-inspired campaign site for Chili's, built around a branded burger game.
Press Site
Visa Super Bowl Experience
Frontend app managing the branded Visa experience on-site at Super Bowl.
Virtual Interpreter
KIKI — Virtual JSL Interpreter
The world's first realistic virtual human for Japanese Sign Language interpretation — converts text into full JSL video performances for museums, public institutions, and government accessibility mandates.
Press Site
Sonos Move 2 Press Site
Press launch site for the Sonos Move 2, built to feel premium without getting in the way of the product.
Automotive
Toyota Woven Site
Brand and innovation site for Woven by Toyota.
Press Site
Sonos Era 100/300 Press Site
Press launch experience for the Sonos Era 100 and 300 announcements.
Community Site
Adidas Community Homepage
Homepage for the Adidas Community platform — editorial content with real brand energy.
Marketing Site
Meta NPE Site
Marketing site for Meta NPE to communicate their experimental product initiatives.
Campaign Site
Google Build Your Future
Career platform making learning pathways more accessible to a broad audience.
Cybersecurity
CrowdStrike Adversary
Interactive cybersecurity experience for CrowdStrike.
Labs
Labs
Small playful experiments that show interaction, logic and motion.
- Creative Coding
GLSL Plasma Shader
Animated Brownian noise rendered entirely on the GPU via a WebGL fragment shader. Move your cursor to warp the field.
WebGLGLSLGPU Rendering - Motion Craft
Easing Playground
Click any easing curve and watch it animate live. ease1 and ease2 are the exact curves from this portfolio's GSAP timelines.
GSAPMotionCSS Transitions
Community
Open Source, Talks & Writing
Talks, writing, and open source alongside client work.
Open Source
adviser
Modular quality advisor for frontend projects. A plugin-driven task runner with linter-style configuration, built and maintained at Jam3.
View on npmadviser-plugin-dependencies
Adviser plugin to audit dependency health: vulnerability scanning, license validation and outdated package detection.
View on npm
Talks
Animaciones Web — Tendencias, tools y buenas prácticas
Talk at Xmartlabs on 2025 web animation trends, tooling and best practices for building immersive, performant frontend experiences.
Orquestando Agentes de IA con ReactFlow
Tech Talk at Xmartlabs in 2026 about how we used ReactFlow to diagram and build AI agents, turning orchestration flows into a more visual and collaborative system.
Writing
Fading Up Sections Using Intersection Observer
How to apply scroll-triggered fade-up animations using the Intersection Observer API and CSS, no library required.
Read on DEV


