Gastronomie & Lyoner Bouchon

Chez Mounier

Ein Bouchon seit 1985: Die Website sollte aussehen, als gäbe es sie ebenso lange.

Jahr
2026
Umsetzung
2 Wochen
Stack
React · Vite · Tailwind · Vercel
  • Design
  • Entwicklung
  • Lokales SEO
  • Texte

Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.

https://chez-mounier-liard.vercel.app/
Startseite der Website Chez Mounier — Gastronomie & Lyoner Bouchon, erstellt von Kayzen Web
Eröffnungsjahr
1985
Generationen
3
Lighthouse-Barrierefreiheit und -SEO
100/100
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Chez Mounier ist ein familiengeführtes Bouchon (traditionelles Lyoner Lokal) in der Rue des Marronniers, Lyon 2, geöffnet seit 1985 und in dritter Generation geführt. Die Küche ist vollständig hausgemacht: Quenelles, Tablier de sapeur, Salade lyonnaise.

Die Einschränkung

Das Bouchon ist ein kodifiziertes Genre, und seine Kundschaft misstraut dem Neuen. Eine zu moderne Website hätte falsch geklungen – und Zweifel an der Echtheit der Küche geweckt. Gebraucht wurde eine Website, die technisch zeitgemäß und in ihrem Erscheinungsbild zeitlos ist.

Die Antwort

Echtheit beweist sich im Detail: Die Speisekarte weist Gericht für Gericht aus, was hausgemacht ist, die Seite „Das Haus“ erzählt die drei Generationen mit Jahreszahlen, und reserviert wird weiterhin telefonisch, weil dieses Restaurant so funktioniert. Einem Lokal, das ans Telefon geht, zwingt man kein Formular auf.

Gemessen, nicht behauptet

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.

PageSpeed
84
Performance: 84 von 100
100
Barrierefreiheit: 100 von 100
100
Best Practices: 100 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Karierte Tischdecke ohne Pastiche

    Tiefrot, gebrochenes Weiß, dezentes Muster im Hintergrund der Abschnitte. Die Codes des Bouchons werden zitiert, nie wörtlich nachgeahmt – Pastiche fällt auf und schadet.

  2. Hausgemacht, Gericht für Gericht

    Jedes Gericht trägt den Hinweis, wenn es vor Ort zubereitet wird. Das ist das zentrale Argument des Bouchons gegenüber Betrieben, die aufwärmen, und es musste Zeile für Zeile überprüfbar sein.

  3. Das Telefon als Haupthandlung

    Anruf-Button an erster Stelle, auf dem Smartphone dauerhaft sichtbar. Ein Online-Reservierungsmodul hätte einen Kanal geschaffen, den das Haus nicht abfragt – das schlimmste Szenario für einen Gast.

Farbpalette des Projekts

  • Bouchon-Rot

    #8C2E2E

    Identität

  • Gebrochenes Weiß

    #F7F3EC

    Hintergrund

  • Tinte

    #231F1D

    Text

  • Olivgrün

    #5E6440

    Sekundäre Bereiche

Typografisches System

Überschriften

Bitter 700

Fließtext

Inter 400

Eine warme Slab-Serif für die Titel – so lesbar wie eine Kreidetafel – und eine neutrale Sans-Serif für die Speisekarte.

Engineering

Was unter der Haube steckt.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Statische Website, kostenloses Hosting

    Kein Anwendungsserver, keine Datenbank. Die jährlichen Betriebskosten beschränken sich auf den Domainnamen.

  2. Typisierte Speisekarte

    Gerichte, Preise und der Hinweis „hausgemacht“ in einer Datendatei. Die saisonale Aktualisierung erfordert keinen Eingriff ins HTML.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. „Bouchon lyonnais Rue des Marronniers“

    Die Rue des Marronniers ist ein Ziel für sich. Sich über die Straße statt über die Stadt zu positionieren, fängt eine Absicht zur sofortigen Wahl ein, in einem Umkreis von zweihundert Metern.

  2. Indexierte Spezialitäten

    „Hausgemachte Quenelle Lyon“, „Tablier de sapeur“: Jede Spezialität wird in strukturiertem Inhalt benannt. Das sind Suchanfragen von Touristen, die ihr Essen planen.

Barrierefreiheit

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.

  1. 100/100 trotz strukturiertem Hintergrund

    Das Hintergrundmuster ist so weit abgeschwächt, dass alle Texte 4,5:1 behalten. Ein dekoratives Muster darf niemals einen Kontrastpunkt kosten.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite
  • Die Speisekarte
  • Das Haus seit 1985
  • Anfahrt und Öffnungszeiten
  • Reservieren (Telefon)
Methode

Der Projektablauf.

  1. Tonalität

    Codes des Bouchons zitiert, ohne Pastiche, Vokabular des Hauses.

  2. Inhalte

    Speisekarte mit Hinweis „hausgemacht“, Geschichte der drei Generationen.

  3. Entwicklung

    Statische Website, typisierte Speisekarte, Anruf als Haupthandlung.

Fragen

Was man uns oft fragt.

Weil das Haus sie nicht abgefragt hätte. Ein unbeobachteter Reservierungskanal produziert Gäste, die ohne Tisch dastehen: Das ist schlimmer als gar keine Reservierung. An dem Tag, an dem sich die Organisation ändert, ist das Modul in einem Tag ergänzt.

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.

Teilen