A burger that comes apart layer by layer as you scroll, on a page that opens in 2.6 seconds on slow mobile.
- Sector
- Smash burgers (concept)
- Year
- 2026
For DUMAN, a smash burger concept project, we built a scroll-driven exploded-burger animation. Initial load times ran up to 40 seconds on slow mobile networks; by sharpening individual frames and optimizing file sizes, we reduced that to 2.6 seconds.
✦ Measurement
2.6 sOn a slow mobile connection
1.1 sOn desktop, on a fast connection
Page load time
We cut the initial 40+ second load time by compressing page assets from 20.8 MB to 2.6 MB. Both figures are Google Lighthouse measurements.
Tools we used Gemini 3 Pro Image · Kling 3.0 · Real-ESRGAN · RIFE · Depth Anything V2 · Three.js · GSAP · Vite · Cloudflare Pages
✦ Context
Instead of a static photo and price list, we put the burger front and center. As visitors scroll, the burger deconstructs into eight distinct layers, followed by the menu, takeout packaging, and a seven-room venue tour.
✦ What we did · 01
Camera-free visual and video production
We generated opening frames and video sequences using AI tools. To maintain crisp detail, we kept movement across scenes slow and intentional.
✦ What we did · 02
A space tour without an actual shoot
Since there was no physical space, we designed a seven-room burger spot set in Kadıköy using AI. By generating depth layers for each room, we created interactive scenes that shift subtly with the cursor.
✦ What we did · 03
A brand identity rooted in paper
We grounded the visual identity in butcher-paper cream and ketchup red. The menu mimics an order ticket, announcements look like admission stubs, and ingredient stickers were created with AI.
✦ What we did · 04
Work in progress
In the takeout sequence, the burger lost its structure as the box lid closed. After testing multiple image generations, we chose to rebuild the burger from scratch to fit the box proportions precisely.
Burger layers deconstructing on scroll
This is not a looping background video. Frames advance in sync with your scroll speed and settle into full clarity whenever you pause.
✦ Screens
Scroll inside to explore ↕
✦ Behind the scenes
Visual production workflow
- 01First frame in Gemini
- 02Short video in Kling 3.0
- 03Crop the watermark, split into frames
- 04Sharpen with Real-ESRGAN (60% blend)
- 05In-between frames with RIFE
- 06AVIF sets for desktop and mobile
We run these rendering workflows locally on our own hardware rather than relying on cloud services. We smoothed out the in-between frames to eliminate blur and keep every transition crisp.
✦ Status and outcome
DUMAN is a concept build focused squarely on load speed and asset weight. Bringing a rich, asset-heavy page down to 2.6 seconds on slow mobile proves this approach works for high-volume paid traffic landing pages.
Looking to build something similar for your business? Get in touch here.