Vakmanschap & Messenmakerij

Le Galant

Een voorwerp verkopen dat je niet kunt vasthouden: alles hangt af van de macrofotografie.

Jaar
2026
Ontwerp
3 weken
Stack
Next.js · React · Tailwind · Vercel
  • Art direction
  • Design
  • Ontwikkeling
  • SEO
  • Copywriting

Demoversie door Kayzen Web online gezet op een Vercel-adres; het definitieve domein is eigendom van de klant.

https://legalant.vercel.app/
Homepage van de website Le Galant — Vakmanschap & Messenmakerij, gemaakt door Kayzen Web
Lighthouse-performance
96/100
Lighthouse-toegankelijkheid
100/100
macro's per model, altijd op dezelfde punten
3
Het uitgangspunt

Wat er opgelost moest worden.

De context

Le Galant is een ambachtelijke messenmakerij: zakmessen en tafelmessen, gemaakt in Thiers, met een showroom aan de oever van de Rhône, in Serrières.

De beperking

Een mes kies je in de hand. Online moet het ontbreken van tastzin worden gecompenseerd: het materiaal van het heft, de polijsting van het lemmet, de precisie van de montage moeten zichtbaar worden. Dat is de enige moeilijkheid van het project, en ze is eerder fotografisch dan technisch.

Het antwoord

Macrofotografie structureert de website. Elk model wordt in zeer close-up getoond op drie punten — de overgang tussen heft en lemmet, de rug, de stootplaat — met de benoemde materialen en de afmetingen erbij. Het verhaal van Thiers komt daarna, als garantie en niet als hoofdargument.

Gemeten, niet beweerd

De scores bij oplevering.

Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.

PageSpeed
96
Performance: 96 van de 100
100
Toegankelijkheid: 100 van de 100
96
Best practices: 96 van de 100
100
Vindbaarheid: 100 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. De macro als basiseenheid

    Drie close-ups per model, altijd op dezelfde plaatsen. De regelmaat maakt vergelijken tussen modellen mogelijk, wat een heterogene galerij onmogelijk maakt.

  2. Benoemde materialen

    Houtsoort, staalsoort, type stootplaat. De klant van ambachtelijke messen kent deze woordenschat; hem die onthouden komt neer op je tot iemand anders richten.

  3. De showroom als bestemming

    De locatie in Serrières wordt in beeld gebracht, met bereikbaarheid en openingstijden. Een deel van de klanten wil zien vóór het koopt; de website organiseert dat bezoek in plaats van het te ondergaan.

Kleurenpalet van het project

  • Staal

    #5A6169

    Structuur

  • Jeneverbes

    #7A5E3A

    Warmte, materiaal

  • Gebroken wit

    #F6F3EE

    Achtergrond van de macro's

  • Inkt

    #191B1D

    Tekst

Typografisch systeem

Koppen

Cormorant Garamond 600

Lopende tekst

Inter 400

Een fijne serif voor het ambachtelijke object, een technische schreefloze letter voor de kenmerken. Het contrast tussen beide registers weerspiegelt dat van het product.

Engineering

Wat er onder de motorkap zit.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Zware beelden, lichte pagina

    Macro's zijn van nature gedetailleerd. Progressief laden, moderne formaten, één enkele prioritaire afbeelding: 96 op performance ondanks een pagina die bijna volledig visueel is.

  2. Catalogus als data

    Modellen, materialen, afmetingen en beschikbaarheid in een getypeerd bestand, de enige bron voor de productfiche en de markering.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. Thiers als herkomstsignaal

    “Couteau artisanal Thiers”, “coutellerie française pliant”: de herkomst is op deze markt het eerste zoekcriterium, nog vóór het model.

  2. Product-markering

    Elk model heeft een Product-knooppunt met materiaal, afmetingen en beschikbaarheid. Dat maakt de verrijkte weergave in de resultaten mogelijk.

Toegankelijkheid

Bruikbaar voor iedereen.

Sinds juni 2025 verplicht de Europese toegankelijkheidsrichtlijn (European Accessibility Act) digitale toegankelijkheid voor een groot deel van de onlinediensten. Wij regelen dat in het ontwerp, niet achteraf.

  1. 100/100 met nuttige beschrijvingen

    Elke macro wordt precies beschreven — “overgang van een heft in jeneverbeshout naar een lemmet in XC75-staal”. Een beschrijvende alternatieve tekst dient de vindbaarheid evenzeer als de schermlezer.

Sitestructuur

Wat er is opgeleverd.

  • Home
  • De zakmessen
  • De tafelmessen
  • Het atelier in Thiers
  • De showroom in Serrières
  • Contact
Werkwijze

Het verloop van het project.

  1. Art direction foto

    Macroprotocol: drie punten per model, constante belichting.

  2. Inhoud

    Materialen, afmetingen, de woordenschat van het messenmakersvak.

  3. Design

    Regelmatige fiches, showroom in beeld gebracht.

  4. Ontwikkeling

    Getypeerde catalogus, progressieve afbeeldingen, Product-markering.

Vragen

Wat ons vaak gevraagd wordt.

Drie foto's die van model tot model identiek zijn, zijn meer waard dan tien heterogene foto's: ze maken vergelijken mogelijk, en dat is de eigenlijke aankoophandeling. Het protocol telt meer dan het aantal.

Hetzelfde niveau van zorg, voor uw website.

Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.

Delen