Een interactieve frisdrankwebsite gebouwd met Next.js, GSAP en Three.js. 3D-blikjes bewegen mee met scroll, click-events laten je het aanbod ontdekken, en content wordt beheerd via Prismic CMS.
Het dynamische blik beweegt vloeiend door de website en draait automatisch mee naar de juiste zijde, zodat zowel het ontwerp van het blik als de bijhorende tekst altijd duidelijk en in balans zichtbaar blijven binnen de layout.
Met elke klik verandert het 3D-model van label, kleur en uitstraling, waardoor ieder blikje een compleet eigen karakter krijgt. Zo word je steeds verder meegezogen in de wereld van het merk en ontdek je de beleving achter iedere variant.
Soda Perfected
3-5g sugar. 9g fiber. 5 delicious flavors.
Via Prismic CMS beheert de opdrachtgever zelf smaken, teksten en afbeeldingen, zonder code. De front-end haalt alles op via de API en rendert het dynamisch.