Aperçu du Projet
Client
Personnage fictif d’horloger, atelier au cœur de la ville. Révision, restauration et créations en séries limitées. Un univers de luxe sobre où le geste prime, la précision se voit, et le temps long donne sens à chaque pièce.
Objectifs
Faire ressentir la maîtrise sans surcharge : installer une atmosphère précieuse, guider la découverte des pièces, puis conduire naturellement au contact. Maintenir des repères nets — services, informations pratiques, témoignages — pour rassurer et laisser la curiosité avancer.
Contraintes & partis pris
Concevoir deux expériences cohérentes : desktop narratif (parallaxe, alternances vertical/horizontal, reflets dorés, textures velours) et mobile épuré, sans parallaxe ni horizontal. Préserver un rythme calme, des lignes fines et des CTAs discrets pour servir l’histoire.
Défi & Solution
Le Défi
Composer une expérience immersive et haut de gamme qui reste lisible (surtout sur mobile) et fluide malgré des effets visuels, sans tomber dans le clinquant ni perdre l’utilisateur dans les changements de sens du scroll.
- Évoquer le luxe sans clichés ni surcharge.
- Gérer des changements de rythme (vertical → horizontal → vertical) sans confusion.
- Préserver la clarté des repères (services, contact, infos).
- Limiter la fatigue de défilement sur le HERO long.
- Assurer une version mobile cohérente sans parallaxe ni horizontal.
- Rester mesuré côté animations (discrétion, sobriété, continuité)..
La Solution
Raconter par scènes : un HERO qui installe l’atmosphère, des sections courtes et signées, des transitions douces et prévisibles, des CTA visibles mais calmes. Desktop : spectacle mesuré. Mobile : ligne claire.
- HERO narratif : montres en parallaxe, titres qui se révèlent par reflets dorés (mouvements lents), sous-titres courts.
- Présentation en horizontal : 1 panneau de présentation. Indice visuel de direction.
- 6 services en panneaux pleine hauteur (vertical) : un service = un écran, bénéfices concrets + CTA.
- Contact en fin de parcours ; informations pratiques lisibles ; témoignages pour ancrer la confiance.
- Desktop : bouton “passer le HERO” + flèche remonter.
- Mobile : pas d’effets lourds ; menu hamburger ; même hiérarchie de contenu.
Aperçu Visuel
Découvrir le Site
La version desktop propose l’expérience complète (parallaxe, alternances vertical/horizontal, reflets). La version mobile garde le même contenu avec un parcours direct et des animations allégées. Le formulaire de contact se trouve en bas de page (one-page).