About this design

This page is one pinned hero that holds still while the scroll does the pouring. The can never leaves the centre of the screen. Scrolling turns it 180 degrees in place, and halfway through the turn the label that comes back around belongs to the next flavour, so one object seems to carry all three drinks. The rotation is a film scrubbed by the scroll wheel, which is why it runs backwards just as smoothly when you change your mind.

Each flavour brings its own weather. The lychees you arrive to were lifted into place when the page loaded, and every turn of the can sends the current fruit up and out through the top of the frame while the next fruit floods in from below, both on the same clock so the handover always lands mid spin. The palette of the whole page follows the flavour, and nothing is ever laid over the can, so the product stays the loudest thing on screen.

The type does what the cans do. A spaced serif wordmark plays the brand and a clean rounded sans handles everything else quietly. Below the hero the range settles down into a plain shelf of three cans with prices, because after the show someone has to sell the drink.

Built by BrillianceTech in Singapore. If your product deserves an entrance like this, this page is the brief.