Horeca & Lyonse bouchon

Chez Mounier

Een bouchon sinds 1985: de site moest eruitzien alsof hij er al net zo lang was.

Jaar
2026
Ontwerp
2 weken
Stack
React · Vite · Tailwind · Vercel
  • Design
  • Ontwikkeling
  • Lokale SEO
  • Copywriting

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

https://chez-mounier-liard.vercel.app/
Homepage van de website Chez Mounier — Horeca & Lyonse bouchon, gemaakt door Kayzen Web
openingsjaar
1985
generaties
3
Lighthouse-toegankelijkheid en -SEO
100/100
Het uitgangspunt

Wat er opgelost moest worden.

De context

Chez Mounier is een familiebouchon (typisch Lyonees eethuis) in de rue des Marronniers, Lyon 2, geopend in 1985 en inmiddels in handen van de derde generatie. Volledig huisgemaakte keuken: quenelles, tablier de sapeur, salade lyonnaise.

De beperking

De bouchon is een genre met vaste codes, en de klanten wantrouwen het nieuwe. Een te moderne website had vals geklonken — en twijfel gezaaid over de authenticiteit van de keuken. Er was een website nodig die technisch eigentijds en qua uitstraling tijdloos is.

Het antwoord

Authenticiteit bewijs je in het detail: de kaart vermeldt per gerecht wat huisgemaakt is, de pagina “het huis” vertelt het verhaal van de drie generaties met jaartallen, en reserveren blijft telefonisch, omdat dit restaurant zo werkt. Je legt geen formulier op aan een zaak die de telefoon opneemt.

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
84
Performance: 84 van de 100
100
Toegankelijkheid: 100 van de 100
100
Best practices: 100 van de 100
100
Vindbaarheid: 100 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. Een geruit tafelkleed zonder pastiche

    Diep rood, gebroken wit, een discreet motief als sectieachtergrond. De codes van de bouchon worden aangehaald, nooit letterlijk nagebootst — een pastiche valt op en werkt averechts.

  2. Huisgemaakt, gerecht per gerecht

    Elk gerecht draagt de vermelding als het ter plaatse wordt bereid. Het is het centrale argument van de bouchon tegenover zaken die opwarmen, en het moest regel voor regel controleerbaar zijn.

  3. De telefoon als hoofdactie

    Belknop voorop, permanent aanwezig op mobiel. Een online reserveringsmodule had een kanaal gecreëerd dat het huis niet bijhoudt — het slechtste scenario voor een klant.

Kleurenpalet van het project

  • Bouchonrood

    #8C2E2E

    Identiteit

  • Gebroken wit

    #F7F3EC

    Achtergrond

  • Inkt

    #231F1D

    Tekst

  • Olijfgroen

    #5E6440

    Secundaire secties

Typografisch systeem

Koppen

Bitter 700

Lopende tekst

Inter 400

Een warme slabserif voor de koppen — de leesbaarheid van een krijtbord — en een neutrale schreefloze letter voor de kaart.

Engineering

Wat er onder de motorkap zit.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Statische website, gratis hosting

    Geen applicatieserver, geen database. De jaarlijkse werkingskosten zijn die van de domeinnaam.

  2. Getypeerde kaart

    Gerechten, prijzen en de vermelding “huisgemaakt” in een databestand. De seizoensupdate vraagt niet om de HTML aan te raken.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. “Bouchon lyonnais rue des Marronniers”

    De rue des Marronniers is een bestemming op zich. Positioneren op de straat in plaats van op de stad vangt een directe keuze-intentie op, binnen een straal van tweehonderd meter.

  2. Geïndexeerde specialiteiten

    “Quenelle maison Lyon”, “tablier de sapeur”: elke specialiteit wordt in gestructureerde inhoud benoemd. Het zijn zoekopdrachten van toeristen die hun maaltijd voorbereiden.

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 ondanks een getextureerde achtergrond

    Het achtergrondmotief is zo afgezwakt dat alle teksten 4,5:1 behouden. Een decoratief motief mag nooit een contrastpunt kosten.

Sitestructuur

Wat er is opgeleverd.

  • Home
  • De kaart
  • Het huis sinds 1985
  • Bereikbaarheid en openingstijden
  • Reserveren (telefoon)
Werkwijze

Het verloop van het project.

  1. Toon

    Codes van de bouchon aangehaald zonder pastiche, de woordenschat van het huis.

  2. Inhoud

    Kaart met vermelding huisgemaakt, verhaal van de drie generaties.

  3. Ontwikkeling

    Statische website, getypeerde kaart, bellen als hoofdactie.

Vragen

Wat ons vaak gevraagd wordt.

Omdat het huis die niet zou hebben bijgehouden. Een onbewaakt reserveringskanaal levert gasten op die zonder tafel aankomen: dat is erger dan helemaal geen reservering. De dag dat de organisatie verandert, is de module in één dag toegevoegd.

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