VERIDIAN
Landing page haute joaillerie où chaque pièce se tourne dans la lumière au scroll
Le contexte
Création d'une landing page fictive pour VERIDIAN, une maison de haute joaillerie contemporaine basée à Liège. L'objectif était de présenter trois pièces uniques — un pendentif, sa bague et une manchette en tourmaline rose, or et onyx — comme des objets rares, taillés et numérotés à la main, avec une expérience à la hauteur du « one of one ».
Le défi
Le défi était de faire tourner chaque bijou dans la lumière au fil du scroll, comme en main, sans casser la lenteur et le luxe de la page. Il fallait orchestrer une rotation pilotée au défilement, faire morpher l'ambiance couleur de section en section, et garder une lisibilité parfaite des fiches techniques (pierre, métal, carats, édition) sur desktop comme sur mobile.
La solution
J'ai construit une expérience Next.js 16 avec GSAP et Lenis : une vidéo de rotation « scrubbée » par le scroll pour chaque pièce, des « chambres de couleur » qui font glisser le fond du graphite vers le rosé, l'ambre puis le vert, un hero vidéo plein écran, des packshots de secours, et une section éditoriale qui réunit la parure. Le tout est exporté en statique (output:'export') et servi sous /projects/veridian/ pour conserver les assets et les performances du projet d'origine.
Le résultat
Une landing page immersive, premium et calme, qui montre la facette « direction artistique + interaction » du studio : storytelling produit, scroll choreographié, sens du détail typographique et intégration front-end soignée. Une démo autonome, rapide à charger et facile à présenter dans le portfolio.
Technologies
Fonctionnalités clés
- Hero vidéo plein écran avec poster de secours
- Rotation des pièces pilotée au scroll (vidéo scrubbée)
- Chambres de couleur qui morphent le fond par section
- Fiches produit détaillées (pierre, métal, carats, édition)
- Section éditoriale réunissant la parure
- Export statique intégré au portfolio
Un projet similaire ?
Discutons de comment je peux vous aider à concrétiser votre idée.
Parlons de votre projet