Étude de cas 03 / 05 Menuisier-ébéniste · Montreuil

Atelier Vasseur

Un site vitrine pour un menuisier-ébéniste, où les plans d’atelier remplacent la photographie.

Prestations: Site vitrine, Direction artistique, Illustration technique, Développement
Service: Création de site vitrine
Technologies: Astro, CSS moderne, SVG, JavaScript
Statut: Étude — marque fictive, 2026 Pourquoi ?

Page d’accueil de l’Atelier Vasseur — titre « Le bois, travaillé au millimètre. » et élévation cotée d’une bibliothèque en chêne.

01 Le point de départ

L’Atelier Vasseur est une marque fictive imaginée pour cette étude — un menuisier-ébéniste de Montreuil, trois compagnons, des cuisines, des escaliers et des bibliothèques sur mesure. Comme beaucoup d’artisans, il vit du bouche-à-oreille, et son site ne dit rien de la qualité de ses pièces.

02 L’enjeu

Inspirer confiance à des particuliers qui s’apprêtent à investir plusieurs milliers d’euros — sans banque d’images ni photos de chantier.

03 Notre réponse

Des planches techniques cotées, dessinées en SVG, qui se tracent à l’écran, et un formulaire de devis en quelques gestes.

04 Direction artistique

Une identité, pas un thème.

Plutôt que des photos d’ateliers vues cent fois, le site montre ce qui distingue un vrai ébéniste — ses plans. Élévations cotées, détail d’assemblage, cartouche d’atelier ; une serif chaleureuse pour les titres, un vert sapin et des cotes couleur rouille pour la palette.

01
Le plan comme preuve

Un dessin coté dit la précision mieux qu’un adjectif.
02
Une palette d’atelier

Chêne poncé, vert sapin, cotes rouille — des tons tirés du métier.
03
Le devis au centre

Un formulaire en quelques gestes, rappelé du premier écran au pied de page.

Chêne poncé

#F3EEE5

Encre noyer

#1D1A15

Vert sapin

#23392F

Cote rouille

#9A4B2A

Chêne

#C9A26D

Titres Young Serif

Le bois, travaillé au millimètre.

Texte Hanken Grotesk

Cuisines, escaliers et agencements sur mesure.

Cotes & annotations DM Mono

ÉCH. 1:20 — PL. 04 / 12

05 Le site

De haut en bas.

Planches techniques en SVG animées en CSS au défilement, formulaire de devis en puces accessibles au clavier, aucune image matricielle au-dessus de la ligne de flottaison.