SnakXo
SnakXo sells MakhPopz, roasted makhana in ten bold flavours. We built the whole store: a homepage that plays like a brand film, a shop with a delivery pincode check, and an admin panel for banners, products and reviews.
The brief
A new snack brand with ten flavours and no shelf space yet. The website is the shelf: it has to grab attention like an ad and sell like a store.
The idea
Open with a film, not a banner. The ingredients burst out of the logo in 3D as you scroll, then the packs float right in front of you, and every pack links to its own page.
The storyboard · 09 chapters
Scroll it like a film.
The logo opens big in the middle of the screen and settles into the header as you scroll.
A banner slideshow and a running strip of what’s inside, both managed from the admin.
“Makhana, but make it MakhPopz”: the brand story, with a flip card and a pop-up.
The section pins and your scroll plays the brand film. First, the logo pops.
Roasted makhanas, chillies, lemon, garlic, coriander and cheese burst out from behind the logo.
The ingredients settle round the logo, and the four reasons to buy fade in.
3D pouches float and collide. Point at one and it turns to face you. Drag it and throw it.
Story cards, with the packs drifting gently in 3D.
Count-up numbers, then a footer with every way to pay.
What we built
The parts that matter.
A brand film in WebGL
The ingredients are 3D models built in code, so they stay sharp on any screen. Your scroll plays the film.
Packs you can touch
Each pouch is a 3D mesh made from its own pack art, with physics. Point at it, drag it and throw it.
A store that sells
Ten flavours, a cart, a delivery pincode check, offers and reviews, all on one fast storefront.
An admin for the team
Banners, products, reviews and homepage sections change without a developer.
On the phone
Under the hood
Built to last.
- Plain WebGL2 with no 3D library, so it stays small
- Phones get a lighter, stacked version of the film
- A still picture of the film when WebGL isn’t available
- Reduced motion gets still frames instead of animation
Next case
RefuelX
A UK supplement brand, told as a film you scroll: a lamp-lit tub, a storm, the pour.
