Assembly on scroll
The signature burger builds itself layer by layer — every ingredient gets its moment.
Restaurant website concept
BURGER NOIR: six layers, assembled as you scroll
A dark, cinematic website concept for a burger restaurant. The hero burger follows the cursor, the signature burger assembles itself layer by layer on scroll, and the cart remembers the order between visits.
6layers assembled on scroll
The challenge
Create a restaurant site with a strong character that still works as a shop: browse the menu, add to cart, see when the grill is open and order delivery in a few taps.
What was done
- Eight blocks on one page with a parallax hero and drifting embers.
- A scroll scene: six burger layers come together with captions while the visitor reads.
- A menu with filters for beef, spicy and meat-free, tilting cards with weight, calories and price.
- A draggable delivery ribbon with inertia and a cart that remembers its contents and accepts a promo code.
- A live “grill is on” status based on opening hours; English and Russian versions.
Key features
A cart that remembers
Items stay in the cart between visits, with a promo code and one-tap copy.
Grill status
The header shows whether the grill is on right now, based on opening hours.
Inside the project
Interfaces are shown in their original language; descriptions are translated.
Result
A working demonstration of a restaurant website with a cinematic feel and a real ordering flow. This is my own concept without a commissioning client; the brand is fictional and prices are examples.
Let's build together
Want something like this?
Tell me about your business and the result you need. I will reply with questions, an approach and a price range.