Brand website for a specialty coffee chain concept with a video hero, scroll-driven story, menu and store locator.
Home: full-screen espresso video hero with headline stats
1 / 9What it does
Brand website for a specialty coffee chain concept: full-screen video hero, scroll-driven storytelling with GSAP, a signature drinks menu and a store locations page.
Full-screen video with poster fallback, headline stats and a scroll cue. The brand lands in the first three seconds.
GSAP ScrollTrigger scrubs a frame sequence as you scroll; Lenis keeps the motion buttery on every device.
Ten signature drinks with product photography, hot/iced labels and keyboard-friendly controls.
Search box and a Malaysia map with per-state markers. The same pattern any multi-outlet business needs.
Full feature list
Grouped by module, so you can see how much a project like this actually covers.
Try the features
Each demo is a small, self-contained copy of one real feature from this project. Nothing is saved and nothing leaves your browser.
Scroll position drives a frame sequence. Here a slider stands in for the scrollbar.
Try it: scroll-driven story (scrubbed)
Extract
25 seconds. Not one more.
Prev / next, dots, and a Hot / Iced filter over the signature menu.
Try it: drinks carousel
Flux Cortado
ClassicHot
Aura Iced Pour-Over
CraftIced
Eternal Mocha
SignatureHot | Iced
Search by state or area; matching stores light up on the map.
Try it: find your nearest store
Your turn
Tell me what you run and what slows you down. I'll reply on WhatsApp within a day with what I'd build and what it would cost.