Étage I
Sous le toitLes combles
Charpente sombre, poussière en suspension et conduit inox isolé qui traverse la pénombre : c’est ici que l’artisan pose ses engagements.
- Sapin
- Poussière
- Inox
Étude de cas · Dommartin-lès-Remiremont, Hautes-Vosges
Hautes Vosges Ramonage
Transformer un métier traditionnel en expérience digitale immersive.
Ramonage · Direction artistique · 3D temps réel · Développement
01 — Le terrain
Un bon ramonagene se voit pas.
Hautes Vosges Ramonage, c’est Baptiste, ramoneur fumiste diplômé à Dommartin-lès-Remiremont. L’enjeu : transformer un simple site d’artisan en expérience immersive, pour que le visiteur voie le métier, du toit jusqu’au feu, avant même de l’appeler.
- Client
- Hautes Vosges Ramonage
- Lieu
- Dommartin-lès-Remiremont, Hautes-Vosges
- Rôle
- Direction artistique, design, développement
- Année
- 2026
- Technologies
- Three.js · GSAP · Lenis
- Contact
- Appel direct et demande de rappel
Le point de départ
Un site de ramoneur se contente souvent d’aligner une photo de toit, une liste de prestations et un numéro. Le travail de Baptiste se passe pourtant là où personne ne regarde : dans les combles, derrière la pierre, au fond du conduit.
L’intention
Faire du site une intervention. Monter sur le toit, traverser les combles, ouvrir la trappe et descendre le conduit jusqu’au feu. Puis, à chaque étage, un chemin clair vers le rendez-vous.
On ne parcourt pas le site : on descend le conduit.
02 — L’ascension · Mon travail
Huit métiers,une seule expérience.
De la première esquisse au dernier kilo-octet, tout a été pensé ensemble : l’image, le mouvement, le récit et la performance.
- 01
Direction artistique
Une ligne née des Vosges : grès rose, sapin, chaux, inox brossé et lueur du feu. Sombre sans devenir triste, chaleureuse sans être rustique.
Palette · Typographie · Matières vosgiennes - 02
UX / UI
Un parcours en trois temps, le toit, la maison, le conduit, avec l’appel et le rendez-vous toujours à portée de pouce.
Parcours · Hiérarchie · Prise de contact - 03
Motion design
La fumée sur le toit, la traversée du plancher, la trappe qui s’ouvre, la descente dans le conduit : chaque mouvement suit le défilement, avec élan et décélération.
Rythme · Caméra · Transitions - 04
Storytelling
Le site se raconte comme une intervention. On monte sur le toit, on traverse la maison, on ouvre la trappe, et Baptiste se présente pendant la descente.
Récit · Mise en scène · Portrait - 05
Univers de la maison
Trois étages construits en 3D temps réel, chacun avec sa matière, sa lumière et son atmosphère, reliés par un conduit continu auquel un ramoneur peut croire.
Les combles · Le coffre de grès · Le conduit - 06
Textures, lumières, profondeur
Matières scannées, soleil rasant dans la poussière, suie sur l’acier et vraies flammes filmées : la profondeur naît de la lumière, pas des effets.
Matériaux · Éclairage · Atmosphère - 07
Responsive & mobile
Pensé d’abord pour le téléphone : une caméra dédiée à chaque scène en portrait, les prestations en sous-titres, une à une, des photos toujours grandes et nettes.
Mobile d’abord · Cadrages · Gestes - 08
Optimisation
Écran d’accueil à progression réelle, 3D préparée avant l’ouverture, images des pièces chargées pendant la visite : la descente reste fluide, jusque sur téléphone.
Performance · Chargement progressif · Accessibilité
03 — Univers de la maison
Trois étages.Trois atmosphères.
Chaque étage a sa matière, sa lumière et sa typographie. Le conduit, lui, les traverse tous sans jamais être coupé, comme dans une vraie maison.
Étage II
Le coffrede grès
Le conduit disparaît dans un coffre en grès rose des Vosges, fermé par une trappe en fonte. Le soleil du matin rase la pierre, et les prestations s’épinglent le long du coffre.
- Grès rose
- Chaux
- Chêne
Étage III
La descentejusqu’au feu
La trappe s’ouvre, on entre dans le conduit noirci de suie et l’on descend vers un vrai feu de bois. Baptiste se présente en chemin, puis on entre dans les flammes.
Certificat de ramonage · Remis après intervention
04 — Aperçu
Le site,en mouvement.
La même descente, cadrée deux fois : en paysage sur ordinateur, en portrait sur téléphone. Rien n’est simplement réduit.
GalerieFaites défiler →
