RefuelX
RefuelX sells one product, STORM, on Amazon UK, so the website has one job: make you want it before you read a label. We turned the homepage into a dark, cinematic story that you scroll through, with every chapter rendered in 3D in the browser.
The brief
One product, sold on Amazon UK. The site had to do what a marketplace listing can’t: make STORM feel premium and answer a buyer’s doubts, then hand them to the buy button.
The idea
Treat the homepage like a product film. One thing happens at a time, paced by your scroll, so nothing runs ahead of the reader. Each chapter answers one question a buyer has.
The storyboard · 10 chapters
Scroll it like a film.
The tub in the dark, under a lamp that is a real light in the scene: it glints on the lid and lands on a polished floor.
“Would you trust eight years of research over any white-label tub?” It resolves out of a blur, then turns into the reply.
Lightning strikes at random, so every visit gets a different storm, until one bolt hits the tub.
The tub lights up and grows with your scroll, alone on the stage.
Gold light streaks, the headline rises, and raspberries drop on to the table one after another.
The six actives pop up on a ring and circle the tub. They are solid, so they bounce off the tub and each other.
One full turn, the lid comes off and the scoop comes up, with the problem and the answer on either side.
The powder pours off the scoop in one silky ribbon and clouds the water raspberry.
The tub settles into its place beside the details and the buy button.
Three single-purpose tubs fold into one while the comparison table is held on screen.
What we built
The parts that matter.
A 3D tub from studio renders
True proportions, a knurled lid and the full label wrap, lit by a real lamp with reflections on the floor.
A story paced by the scroll
Each chapter has its own share of the scroll, and the film follows on a spring, so it never jumps or races ahead.
Physics, not keyframes
The actives and the berries are solid bodies. They bounce off the tub, the glass, the scoop and each other.
Editable by the client
Words, images and sections come from the admin, so the team changes copy without a developer.
On the phone
Under the hood
Built to last.
- Shaders compiled while the page loads, so the storm never stutters
- Quality steps down by itself on slower graphics chips
- A full fallback for reduced motion and for browsers without WebGL
- A custom cursor set and spring-animated text
Next case
SnakXo
A snack store that opens like an ad: the logo pops and the ingredients burst out of the screen in 3D.
