Coca-Cola Concept

Three flavours, one can: scroll and it changes.

Year: 2026
Status: Live

The problem

You choose a drink with your senses: the sound of the can opening, the ice, the cold.

Online, though, it often turns into a catalogue: one page per product, two photos, a table. The site says what is inside, but it does not make you thirsty. The challenge was to convey the gesture, not just the list of flavours.

The solution

I designed and built a prototype of a cinematic 3D website, driven entirely by scrolling.

The can stays at the centre and, as you scroll, switches flavour from Original to Zero Zero to Lime, carrying its colours and mood with it. The story continues in scenes that hold on scroll: the perfect serve, the history since 1886, moments of sport, football, parties and breaks, the range and recycling, all the way to sign-up and FAQ. It is an unofficial concept, not affiliated with The Coca-Cola Company.

The results

Flavours in one can: Original, Zero Zero and Lime: 3
Moments told: sport, football, parties and breaks: 4
Scroll-driven sections, from flavours to sign-up: 8

Technologies

Next.js
Three.js
GSAP
Lenis
Tailwind

The screens

On desktop

The extra space lets you see everything at once, without jumping between screens.

The Coca-Cola concept: the Original can with the giant headline, floating ice and lemon

The Coca-Cola concept: as you scroll the can changes flavour and the scene turns green for Lime

The Coca-Cola concept: the manifesto "Open. Hear the pssst. Share." with letters filled with bubbles

The Coca-Cola concept: the "Perfect serve" scene with the glass, ice and lemon

The Coca-Cola concept: the history since 1886, with the giant headline over bottles on the counter

The Coca-Cola concept: the moments, with the sport scene "Refresh the run"

Have a similar project in mind?

Let's talk