Le Galant
Vendre un objet qu'on ne peut pas tenir : tout se joue sur la macro-photographie.
- Année
- 2026
- Conception
- 3 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Direction artistique
- Design
- Développement
- SEO
- Rédaction
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- performance Lighthouse
- 96/100
- accessibilité Lighthouse
- 100/100
- macros par modèle, toujours aux mêmes points
- 3
Ce qu'il fallait résoudre.
Le contexte
Le Galant est une coutellerie artisanale : couteaux pliants et de table fabriqués à Thiers, avec un showroom au bord du Rhône, à Serrières.
La contrainte
Un couteau se choisit en main. En ligne, il faut compenser l'absence de toucher : la matière du manche, le poli de la lame, la précision de l'assemblage doivent devenir visibles. C'est l'unique difficulté du projet, et elle est photographique avant d'être technique.
La réponse
La macro-photographie structure le site. Chaque modèle est montré en très gros plan sur trois points — la jonction manche/lame, le dos, le mitre — accompagné de ses matériaux nommés et de ses dimensions. Le storytelling de Thiers vient ensuite, comme garantie et non comme argument principal.
Les scores relevés à la livraison.
Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.
Chaque parti pris, et sa raison.
La macro comme unité de base
Trois gros plans par modèle, toujours aux mêmes emplacements. La régularité permet la comparaison entre modèles, ce qu'une galerie hétérogène interdit.
Matériaux nommés
Essence du bois, nuance d'acier, type de mitre. Le client de coutellerie artisanale connaît ce vocabulaire ; le lui refuser revient à s'adresser à quelqu'un d'autre.
Le showroom comme destination
Le lieu de Serrières est mis en scène, avec accès et horaires. Une partie de la clientèle veut voir avant d'acheter ; le site organise cette visite plutôt que de la subir.
Palette du projet
Acier
#5A6169
Structure
Genévrier
#7A5E3A
Chaleur, matière
Blanc cassé
#F6F3EE
Fond des macros
Encre
#191B1D
Texte
Système typographique
Titrage
Cormorant Garamond 600
Texte courant
Inter 400
Une serif fine pour l'objet d'artisanat, une sans-serif technique pour les caractéristiques. Le contraste des deux registres reproduit celui du produit.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Images lourdes, page légère
Les macros sont détaillées par nature. Chargement progressif, formats modernes, une seule image prioritaire : 96 en performance malgré une page presque entièrement visuelle.
Catalogue en données
Modèles, matériaux, dimensions et disponibilités dans un fichier typé, source unique de la fiche produit et du balisage.
Comment le site se rend trouvable.
Thiers comme signal d'origine
« Couteau artisanal Thiers », « coutellerie française pliant » : l'origine est le premier critère de recherche sur ce marché, avant le modèle.
Balisage Product
Chaque modèle porte un nœud Product avec matériau, dimensions et disponibilité. C'est ce qui permet l'affichage enrichi dans les résultats.
Utilisable par tout le monde.
Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.
100/100 avec des descriptions utiles
Chaque macro est décrite précisément — « jonction manche en genévrier et lame acier XC75 ». Un texte alternatif descriptif sert autant le référencement que le lecteur d'écran.
Ce qui a été livré.
- Accueil
- Les pliants
- Les couteaux de table
- L'atelier de Thiers
- Le showroom de Serrières
- Contact
Le déroulé du projet.
Direction photo
Protocole de macro : trois points par modèle, éclairage constant.
Contenu
Matériaux, dimensions, vocabulaire de la coutellerie.
Design
Fiches régulières, showroom mis en scène.
Développement
Catalogue typé, images progressives, balisage Product.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
Le même niveau d'exigence, pour votre site.
Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.