EXPERIENCE4 Weeks
SMASH'D
ANATOMY OF FLAVOR
ROLE & SCOPECreative Direction, Motion Engineering, Full-Stack Front-End
TIMELINE4 Weeks
PLATFORMEXPERIENCE
STATUS LIVE IN ARCHIVE
THE CHALLENGE
Standing out in the crowded street food market required a visceral digital experience that demonstrates culinary quality and ingredient craft beyond static photos.
THE APPROACH
Built a custom 100-frame video scrub engine synchronized with GSAP ScrollTrigger, allowing users to disassemble and inspect the burger layer by layer in real time.
THE DESIGN
Brutal ink black backgrounds, glowing ember highlights, gold toasted accents, and heavy typography evoking the sizzle and heat of the griddle.
THE EXPERIENCE
Continuous 360-degree rotation scrub on scroll, physics-based 3D card tilt on desktop, interactive secret sauce explorer, and instant menu filtering.
THE TECHNOLOGY
Next.js 16✓
GSAP ScrollTrigger✓
Video Scrub Engine (Canvas / Frame Sequencer)✓
Tailwind CSS v4✓
React 19✓
WHAT WAS DELIVERED
✦Interactive Frame Scrub Engine
✦Menu Explorer & Customizer
✦Motion Design System
✦3D Physics Interaction
EXPERIENCE SMASH'D DIRECTLY.
Test the full build inside our embedded viewport player.
NEXT PROJECT
04 — DINING & HOSPITALITY