The Flavour Turn
One can holds the whole range: a scroll spins it 180 degrees to the next flavour while the old fruit storm lifts away and the new one floods in.
The Flavour Turn is a complete drinks website concept built around one object: a single can that carries the whole range. It opens on the first flavour with its fruit lifting into place around the can. One scroll and the can spins 180 degrees on the spot, coming back around wearing the next flavour while the fruit swaps out mid spin, and the entire page repaints to the new palette. Three flavours, three pages, one can.
How it works
The hero is three pages in one viewport. The page opens on the first flavour with its fruit rising into place from under the frame, and every scroll turns exactly one page: the can spins 180 degrees in place on film, and halfway through the turn the label that comes back around belongs to the next flavour. While the can turns, the current flavour's fruit photographs lift out through the top of the frame and the next flavour's flood in from below, all on one clock, so the handover always lands mid spin. Scrolling back up plays the same turn in reverse. The whole page repaints to each flavour's palette, a scroll past the last flavour releases the page to the range shelf below, and returning to the top hands control back to the flavour pages.
Who it fits
Built here for a fictional sparkling drink brand, it fits any food and beverage range where flavour is the star: sodas and sparkling teas, coffee roasts, ice cream, chocolate bars, chip flavours. Three to five variants is the sweet spot, each needing a short rotation clip and a set of cutout ingredient shots.
Why it sells
Ranges usually get a grid, and grids make flavours compete. Giving the whole range one can makes it a story instead: the product stays centre stage the entire time and the flavours pass through it, which is how people actually taste a range, one drink at a time. The hard stop after every spin keeps each flavour on stage long enough to sell itself.
Recommended for
- Drinks and beverage brands
- Snack and dessert ranges
- Product lines sold on flavour
- FnB product launches
Common questions
What happens on each scroll?
Exactly one flavour change. The can spins 180 degrees and stops on the next drink, the fruit swaps out in sync, and further input is ignored until the turn has finished, so a fast scroll can never skip a flavour.
Is the spinning can a 3D model?
No, it is a product film scrubbed by the page. The film is loaded in a way that makes every frame instantly seekable, which is what lets the same turn play forwards and backwards without stutter.
How do the fruit photos move with the can?
The leaving fruit and the arriving fruit ride the same clock as the film, so the swap always lands in the middle of the spin. Each flavour keeps its own full frame set of floating fruit, cut out with transparency.
Can this work for our drinks or food range?
Yes. The layout needs one short rotation clip per handover and a set of cutout ingredient photographs per product. It suits any range sold on flavour or variety: drinks, snacks, desserts, sauces, even cosmetics shades.