Aller au contenu
Velours — AccueilSTUDIO

Guerlain Conte des Merveilles

Guerlain - Conte Des Merveilles

Direction artistique
UX & UI
3D (Yann Gall)
Développement fullstack
Développement front-end
Direction technique
Direction de projet

Pour les fêtes de fin d'années

Pour ce projet, nous avons transposé la campagne de Noël « Le Conte des Merveilles » de Guerlain en une expérience digitale à part entière.

L'histoire : un soir d'hiver, dans un atelier de parfum enchanté, une goutte de magie s'échappe d'un flacon et fait naître, en papier animé, les jardins du monde qui ont inspiré les créations les plus iconiques de la Maison.

Nous avons recréé ce jardin comme un parcours en ligne, où chaque scroll révèle une scène, un chapitre du conte, et une sélection de créations de fin d'année.

L'expérience

Le récit s'appuie sur des visuels dédiés, des textes courts et des appels à l'action discrets qui relient la dimension émotionnelle du conte à la boutique en ligne — pour profiter de l'histoire et acheter à son rythme.

En avançant dans la page, on découvre les différents univers produits : parfum, maquillage, soin, objets précieux pensés pour les fêtes.

3d du jardin vue haute

Notre rôle

Conception créative, UX/UI, 3D et motion, développement front-end, et intégration dans l'écosystème digital existant de Guerlain. Le site tourne sur Next.js et Vercel, pour des temps de chargement rapides et une navigation fluide sur tous les devices.

Côté accessibilité : audit complet et version dédiée au marché US, conforme au RGPD et aux standards d'accessibilité américains (ADA/WCAG).

Côté Technique

Nous avons développé et intégré une expérience digitale immersive au sein de l’écosystème Salesforce Commerce Cloud (SFCC) de Guerlain. Nous avons conçu des composants front-end sur mesure, des animations et des layouts plein écran entièrement responsives.


Un outil dédié à la gestion des traductions a également été développé afin de faciliter le déploiement et la maintenance des contenus. Le principal défi consistait à restituer fidèlement une direction artistique ambitieuse dans un environnement technique contraint et évolutif.


Nous avons mis en place des mécanismes d’adaptation dynamique, des scripts de déploiement spécifiques et une gestion optimisée du cache.