Years of experience
0+
About
Agency-trained.Detail-driven.
My background is agency-side: high-visibility clients, tight timelines and no room for good enough. That's where I learned to treat frontend as a discipline with real engineering standards.
Frontend Architecture
Component systems with clear contracts, rendering strategies chosen for the product rather than the default, and codebases that stay readable a year after launch.
Technical Leadership
Led frontend delivery on award-winning projects for brands like Google, Visa and Adidas — and I'm comfortable being the person who closes the gap between design intent and technical reality.
Selected work
Projects
Brand Experience
Chili's BurgerTime Site
Arcade-inspired campaign site built to translate a playful brand activation into a polished, performant web experience.
◆ FWA Site of the Day
Visa Super Bowl Experience
Press Site
Visa Super Bowl Experience
Frontend application used to manage the branded experience on-site during the Super Bowl event.
KIKI — Virtual JSL Interpreter
Virtual Interpreter
KIKI — Virtual JSL Interpreter
The world's first highly realistic virtual human for Japanese Sign Language interpretation — a web app that converts text into full JSL video performances for museums, public announcements and government accessibility mandates.
◆ Cannes Silver — Digital Craft
Sonos Move 2 Press Site
Press Site
Sonos Move 2 Press Site
Press-focused product site designed to communicate launch messaging with a premium, media-ready frontend.
Automotive
Toyota Woven Site
Brand and innovation site for Woven by Toyota, with a strong emphasis on clarity, motion and premium presentation.
Press Site
Sonos Era 100/300 Press Site
Press launch experience for Sonos hardware announcements, requiring premium presentation and strong delivery ownership.
Adidas Community Homepage
Community Site
Adidas Community Homepage
Homepage experience for Adidas Community, combining editorial content, brand energy and scalable frontend delivery.
Meta NPE Site
Marketing Site
Meta NPE Site
Marketing site for Meta NPE, focused on communicating experimental product initiatives with clear content structure.
Campaign Site
Google Build Your Future
Career-focused platform designed to make guidance and learning pathways more accessible to a broad audience.
Cybersecurity
CrowdStrike Adversary
Interactive cybersecurity experience that evolved from an initial frontend build into a more ambitious second version.
◆ Awwwards Site of the Day
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
Knowledge sharing and contributions beyond 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