Étude de cas · Projet personnel

Vasselin

Comment j'ai conçu un site qui fait honneur à un métier de toucher.
Un atelier d'ébénisterie d'art en Lorraine, traduit en site web sans rien perdre du temps long, du silence et du grain du bois.

Métier
Ébénisterie d'art
Lieu
Lorraine
Format
Site éditorial une page longue
Année
2025
I.
Aperçu du projet

Le contexte, les objectifs, les partis pris.

Le client

Un ébéniste d'art lorrain

Atelier installé en Lorraine, fondé en 1999. Mobilier sur-mesure, restauration, marqueterie et pièces d'exception façonnées à la main, dans des bois français et européens. Une clientèle de particuliers exigeants, d'architectes d'intérieur et de maisons de famille qui cherchent un meuble unique, pensé pour traverser les générations.

Les objectifs

Traduire le toucher en pages

Installer une atmosphère chaleureuse et apaisée, donner à voir la main, le bois, le temps. Conduire naturellement le visiteur vers la prise de rendez-vous à l'atelier, sans brusquer la lecture. Asseoir la crédibilité de l'artisan par quelques chiffres justes, des réalisations bien mises en valeur et un témoignage qui parle d'une seule voix.

Partis pris

Sobriété, matière, silence

Une palette de tons naturels (ivoire, os, encre, laiton) qui évoque la matière sans la mimer. Une typographie soignée mêlant lettres classiques et italiques, pensée pour donner envie de lire. Des animations discrètes, des filets fins, un léger effet grain qui unifie l'ensemble. Le design s'efface pour laisser parler le bois.

II.
Le défi et la démarche

Transposer un métier qui se vit à la main.

Le défi

Transposer un métier qui se vit au toucher dans un format à l'écran, sans perdre ce qui fait sa valeur : la lenteur, le silence, la noblesse de la matière. Éviter les clichés visuels de l'artisanat tout en restant immédiatement lisible pour un visiteur qui découvre l'atelier.

  • Incarner le haut de gamme artisanal par la sobriété, sans tomber dans le folklore ni le pastiche.
  • Installer un rythme de lecture posé, cohérent avec le métier, tout en gardant un chemin clair vers le rendez-vous.
  • Rendre lisible un processus en quatre étapes (écoute, dessin, façonnage, finition) sans le caricaturer ni l'alourdir de jargon.
  • Valoriser une sélection restreinte de pièces sans donner l'impression d'un portfolio maigre.
  • Tenir la même exigence sur mobile que sur ordinateur, sans sacrifier la hiérarchie ni les respirations.
La démarche

Découper la page en chapitres numérotés (I. L'atelier, II. Savoir-faire, III. Pièces, IV. Essences, V. Contact) comme dans un beau magazine imprimé. Alterner les fonds clairs et sombres pour marquer les respirations. Insérer un bandeau typographique défilant pour changer de rythme. Conclure par un témoignage mis en scène comme une citation pleine page.

  • Hero éditorial : grand titre déployé, image verticale en contrepoint sur la droite, repères fins posés en marge.
  • Chapitres numérotés avec filets fins et intitulés en petites capitales, pour guider la lecture sans lourdeur.
  • Section atelier à lecture posée : le grand titre et l'image restent visibles pendant que le texte défile à côté.
  • Chiffres animés qui s'affichent progressivement, pour incarner l'expérience sans tomber dans le superlatif.
  • Galerie en mise en page décalée, qui rythme la lecture et donne du poids à chaque pièce.
  • Section Essences sur fond sombre : rupture visuelle forte, présentation des bois par leur nom commun et leur nom latin.
  • Mobile : menu repliable, image d'accueil adaptée, animations plus douces.
III.
Aperçu visuel

Quelques pages, en passant.

Section d'accueil du site Vasselin

Section d'accueil

Titre déployé, image verticale en contrepoint

Section atelier avec lecture ancrée

Section L'atelier

Lecture ancrée et chiffres animés au défilement

Galerie de pièces en mise en page décalée

Section Pièces

Galerie éditoriale inspirée de la mise en page imprimée

Section essences sur fond sombre

Section Essences

Rupture visuelle sur fond sombre, présentation des bois

IV.
Le site en vrai

Éprouver le site sur votre écran.

Passez de la théorie à la pratique. C'est l'occasion d'éprouver la douceur des animations, la tenue des textes et la justesse de la mise en page sur votre propre écran.

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.

Discutons de mon projet