Un récit en sept chapitres porté par un seul canvas WebGL : tunnel de crayères, vignoble à l'heure dorée, falaises rosées, colonnes d'assemblage qui se remplissent, ronde de flûtes et coteau en terrasses.
- Client
- Maison Craye
- Service
- Commerce & Retail
- Utilisable sur
Du besoin au résultat
Le contexte
Maison Craye est une maison de champagne fictive à Hautvillers (fondée en 1898). La démo reprend la structure en chapitres d'un site « awwwards » à défilement narratif (titre géant, scène 3D plein écran, cartes de verre, chiffres clés, gamme, fiche technique, chronologie, équipe et presse) dans une identité craie, nuit de cave et or. Sept mondes three.js changent au fil des chapitres derrière des panneaux qui glissent en biais, les titres se révèlent lettre par lettre en bascule 3D, la gamme défile en carrousel en arc et chaque cuvée a sa fiche d'assemblage.
Intégrations
- Next.js
- Tailwind CSS
- Framer Motion
Parlons de votre prochaine victoire.
Cinq questions, deux minutes. On arrive au rendez-vous en ayant déjà travaillé sur votre cas.
- 30 minutes, gratuites et sans engagement
- Réponse sous 24 h ouvrées
- Trois leviers concrets, que vous signiez ou non