Concept · Sito 3D cinematico · WebGL
Coca-Cola Concept
Tre gusti, una lattina sola: scorri e cambia.
Su desktop
Lo spazio in più serve a vedere tutto insieme, senza saltare fra schermate.
Il problema
Una bevanda si sceglie con i sensi: il suono della lattina che si apre, il ghiaccio, il freddo. Online, però, spesso diventa un catalogo: una scheda per prodotto, due foto, una tabella. Il sito dice cosa c'è dentro, ma non fa venire sete. La sfida era trasmettere il gesto, non solo l'elenco dei gusti.
La soluzione
Ho progettato e sviluppato un prototipo di sito cinematico in 3D, tutto a scorrimento. La lattina resta al centro e, mentre si scorre, cambia gusto da Original a Zero Zero a Lime, portandosi dietro colori e atmosfera. Il racconto prosegue in scene che si fermano sullo scroll: il servizio perfetto, la storia dal 1886, i momenti di sport, calcio, festa e pausa, la gamma e il riciclo, fino a iscrizione e FAQ. È un concept non ufficiale, non affiliato a The Coca-Cola Company.
Tecnologie
- Next.js
- Three.js
- GSAP
- Lenis
- Tailwind
Risultati
- 3
- Gusti in una lattina sola: Original, Zero Zero e Lime
- 4
- Momenti raccontati: sport, calcio, festa e pausa
- 8
- Sezioni a scorrimento, dai gusti all'iscrizione