Skip to content
Fazl Studio

02 / Brand storefront / 2026

STACKD

A burger brand that explains itself by pulling the burger apart. Nine layers, each labelled as it lifts off the stack.

Open live experience ↗
STACKD: a short capture of the live site

Notes

Concept

Fast food sites show a photo and a price. STACKD shows the build: every layer of the burger separated, named and put back.

Motion

The hero burger pins and explodes on scroll while callouts draw in from both sides. A carousel, tilted menu cards and a combo builder with a live price keep the same bounce.

Build

No WebGL. The burger is layered illustration animated with GSAP and Motion, with cart state in Zustand and a static export from Next.js. It is a demo storefront, so no real orders are placed.

STACKD hero: Burgers stacked seriously right in cream and yellow type on blue beside an illustrated burger
The burger pulled apart into nine labelled layers from brioche crown to brioche heel
Signature Delights carousel on a red background with the Classic Stack in the centre
STACKD on a phone, screen 1
STACKD on a phone, screen 2
STACKD on a phone, screen 3
Menu cards tilted like paper tickets, each with a burger on a different colour
Level up your order: a combo builder with burger, fries and drink and a live price
Footer with the STACKD wordmark in large red letters

Built with

  • Next.js
  • React
  • GSAP
  • Motion
  • Lenis
  • Tailwind CSS
Open live experience ↗

Next project / 03

Retro Desk →