Le Galant
Ein Objekt verkaufen, das man nicht in die Hand nehmen kann: Alles hängt an der Makrofotografie.
- Jahr
- 2026
- Umsetzung
- 3 Wochen
- Stack
- Next.js · React · Tailwind · Vercel
- Art Direction
- Design
- Entwicklung
- SEO
- Texte
Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.
- Lighthouse-Performance
- 96/100
- Lighthouse-Barrierefreiheit
- 100/100
- Makros pro Modell, immer an denselben Stellen
- 3
Was gelöst werden musste.
Der Kontext
Le Galant ist eine handwerkliche Messerschmiede: Klapp- und Tafelmesser, gefertigt in Thiers, mit einem Showroom am Ufer der Rhône in Serrières.
Die Einschränkung
Ein Messer wählt man in der Hand. Online muss man das fehlende Tasten ausgleichen: Das Material des Griffs, die Politur der Klinge, die Präzision der Verarbeitung müssen sichtbar werden. Das ist die einzige Schwierigkeit des Projekts – und sie ist fotografisch, bevor sie technisch ist.
Die Antwort
Die Makrofotografie strukturiert die Website. Jedes Modell wird in extremer Nahaufnahme an drei Punkten gezeigt – Übergang von Griff zu Klinge, Rücken, Kropf –, mit genannten Materialien und Maßen. Die Geschichte von Thiers folgt danach, als Garantie und nicht als Hauptargument.
Die Werte bei der Auslieferung.
Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.
Jede gestalterische Entscheidung – und ihr Grund.
Das Makro als Grundeinheit
Drei Nahaufnahmen pro Modell, immer an denselben Stellen. Diese Regelmäßigkeit macht die Modelle vergleichbar – was eine uneinheitliche Galerie unmöglich macht.
Benannte Materialien
Holzart, Stahlsorte, Art des Kropfs. Wer handgefertigte Messer kauft, kennt dieses Vokabular; es ihm vorzuenthalten hieße, jemand anderen anzusprechen.
Der Showroom als Ziel
Der Ort in Serrières wird inszeniert, mit Anfahrt und Öffnungszeiten. Ein Teil der Kundschaft will sehen, bevor er kauft; die Website organisiert diesen Besuch, statt ihn nur hinzunehmen.
Farbpalette des Projekts
Stahl
#5A6169
Struktur
Wacholder
#7A5E3A
Wärme, Material
Gebrochenes Weiß
#F6F3EE
Hintergrund der Makros
Tinte
#191B1D
Text
Typografisches System
Überschriften
Cormorant Garamond 600
Fließtext
Inter 400
Eine feine Serifenschrift für das handwerkliche Objekt, eine technische Sans-Serif für die Eigenschaften. Der Kontrast der beiden Register spiegelt den des Produkts.
Was unter der Haube steckt.
- Next.js
- React
- Tailwind
- Vercel
Schwere Bilder, leichte Seite
Makros sind naturgemäß detailreich. Lazy Loading, moderne Formate, ein einziges priorisiertes Bild: 96 in der Performance trotz einer fast vollständig visuellen Seite.
Katalog als Daten
Modelle, Materialien, Maße und Verfügbarkeiten in einer typisierten Datei – einzige Quelle für Produktseite und Markup.
Wie die Website gefunden wird.
Thiers als Herkunftssignal
„Handgefertigtes Messer Thiers“, „französisches Klappmesser“: Die Herkunft ist in diesem Markt das erste Suchkriterium, noch vor dem Modell.
Product-Markup
Jedes Modell trägt einen Product-Knoten mit Material, Maßen und Verfügbarkeit. Das ermöglicht die erweiterte Darstellung in den Suchergebnissen.
Für alle nutzbar.
Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.
100/100 mit nützlichen Beschreibungen
Jedes Makro ist präzise beschrieben – „Übergang Griff aus Wacholder und Klinge aus XC75-Stahl“. Ein beschreibender Alternativtext dient dem SEO ebenso wie dem Screenreader.
Was ausgeliefert wurde.
- Startseite
- Die Klappmesser
- Die Tafelmesser
- Die Werkstatt in Thiers
- Der Showroom in Serrières
- Kontakt
Der Projektablauf.
Bildregie
Makro-Protokoll: drei Punkte pro Modell, konstante Beleuchtung.
Inhalte
Materialien, Maße, Vokabular der Messerschmiede.
Design
Einheitliche Produktseiten, inszenierter Showroom.
Entwicklung
Typisierter Katalog, Lazy Loading, Product-Markup.
Was man uns oft fragt.
Weitere Referenzen
DSGVO-Compliance & SaaSKonsent by Kayzen
Ein Banner-Anbieter, der Banner prüft, ist Richter in eigener Sache: Unabhängigkeit war das Produkt.
Offensive Cybersicherheit & SaaSSentinel by Kayzen
Ein Sicherheitsprodukt an Ingenieure verkaufen: Jede Aussage musste nachweisbar sein.
Daten & WetterdienstMétéo Climat France
358 indexierbare Seiten, eine animierte Karte über 72 Zeitpunkte – und keine einzige Zeile Framework.
Derselbe Anspruch, für Ihre Website.
Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.