Étude de cas · Projet personnel

L'Horlogerie

Un horloger discret, deux versions du même site : sur ordinateur un récit lent en parallaxe, sur mobile une ligne claire et directe.

Métier
Horlogerie ancienne
Lieu
Lorraine
Format
Site narratif une page longue
Année
2025
I.
Aperçu du projet

Le contexte, les objectifs, les partis pris.

Le client

Un horloger d'atelier

Atelier au cœur de la ville. Révision de mécanismes, restauration de pièces anciennes, créations en séries limitées. Un univers de précision sobre, où le geste prime, où chaque rouage compte, où le temps long donne du sens à chaque pièce remise en marche.

Les objectifs

Faire ressentir la maîtrise

Installer une atmosphère soignée sans surcharge. Guider la découverte des pièces et conduire naturellement vers la prise de contact. Maintenir des repères clairs (services, informations pratiques, témoignages) pour rassurer le visiteur tout en laissant la curiosité avancer à son rythme.

Partis pris

Deux expériences, une même voix

Sur ordinateur, un récit en parallaxe avec alternance de défilements verticaux et horizontaux, reflets dorés, textures velours. Sur mobile, le même contenu mais sans parallaxe ni horizontal, pour une lecture fluide et rapide. Un rythme calme, des lignes fines, des appels à l'action discrets pour servir l'histoire.

II.
Le défi et la démarche

Une expérience immersive qui reste lisible.

Le défi

Composer une expérience soignée et immersive qui reste lisible (en particulier sur mobile) et fluide malgré les effets visuels, sans tomber dans le clinquant ni perdre le visiteur dans les changements de sens du défilement.

  • Évoquer la précision et le soin sans clichés ni surcharge.
  • Gérer les changements de rythme (vertical, horizontal, vertical) sans confusion pour le visiteur.
  • Préserver la clarté des repères (services, contact, informations pratiques).
  • Limiter la fatigue de défilement sur un hero long.
  • Assurer une version mobile cohérente, sans parallaxe ni horizontal.
  • Rester mesuré côté animations : discrétion, sobriété, continuité.
La démarche

Raconter par scènes. Un hero qui installe l'atmosphère, des sections courtes et signées, des transitions douces et prévisibles, des appels à l'action visibles mais calmes. Sur ordinateur, un spectacle mesuré. Sur mobile, une ligne claire.

  • Hero narratif : montres en parallaxe, titres révélés par reflets dorés en mouvements lents, sous-titres courts.
  • Présentation horizontale : un panneau dédié, avec un indice visuel pour signaler la direction du défilement.
  • Six services en panneaux pleine hauteur : un service par écran, bénéfices concrets et appel à l'action propre à chaque service.
  • Contact en fin de parcours : informations pratiques lisibles, témoignages pour ancrer la confiance.
  • Confort de lecture sur ordinateur : un bouton pour passer le hero, une flèche de retour vers le haut.
  • Mobile : pas d'effets lourds, menu hamburger, même hiérarchie de contenu.
III.
Aperçu visuel

Quelques scènes du parcours.

Section d'accueil avec parallaxe

Section d'accueil

Défilement animé en parallaxe

Présentation de l'horloger sur fond doré

Section présentation

L'horloger, sur fond doré

Page d'un service avec texte doré sur velours bleu

Section service entretien

Texte doré, reflet en mouvement doux sur velours bleu

Section informations pratiques

Informations pratiques

Repères clairs et photo de l'atelier

IV.
Le site en vrai

Éprouver le site sur votre écran.

La version desktop propose l'expérience complète, avec parallaxe, alternance vertical et horizontal, reflets dorés. La version mobile garde le même contenu avec un parcours direct et des animations allégées.

Et pour vous ?

Votre atelier mérite la même attention.

Si ce que vous venez de lire fait écho à votre métier, à votre rapport au temps, à votre exigence, parlons-en simplement.

Je concrétise mon projet