Gastronomie & Brasserie

Grand Café du Commerce

Kein Framework, kein CMS: Eine Quartiersbrasserie braucht keine Fabrik.

Jahr
2026
Umsetzung
2 Wochen
Stack
HTML/CSS · JavaScript · Google Analytics · Vercel
  • Design
  • Entwicklung
  • Lokales SEO
  • Reichweitenmessung
Website besuchen(neuer Tab)Über ein ähnliches Projekt sprechen

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

https://grandcafeducommerce.vercel.app/
Startseite der Website Grand Café du Commerce — Gastronomie & Brasserie, erstellt von Kayzen Web
Lighthouse-Performance
93/100
externe Abhängigkeiten
0
Anfragen zusätzlich zum HTML
2
Lighthouse-SEO
100/100
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Das Grand Café du Commerce ist eine Brasserie in Vaise, Lyon 9. Kundschaft aus dem Viertel, Stammgäste am Mittag, Tische am Abend.

Die Einschränkung

Die bisherige Website war eine einzelne, nicht responsive Seite ohne aktuelle Öffnungszeiten. Der tatsächliche Bedarf passte in drei Zeilen: die Speisekarte, die Öffnungszeiten, eine Möglichkeit zu reservieren. Alles andere wäre eine Ausgabe ohne Gegenwert gewesen.

Die Antwort

HTML, CSS und etwas JavaScript. Kein Framework, kein CMS, keine Datenbank. Das Ergebnis lädt sofort, braucht keine Sicherheitsupdates und kostet null Euro Hosting. Die Speisekarte wird in einer Datei im Klartext geändert.

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
93
Performance: 93 von 100
97
Barrierefreiheit: 97 von 100
100
Best Practices: 100 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Brasserie-Register, kein Gourmet-Register

    Markante Typografie, Palette in Bordeaux und Creme, Fotos einfacher Gerichte. Ein zu schickes Erscheinungsbild hätte die Mittagskundschaft vertrieben – und die macht den größten Umsatz.

  2. Die Öffnungszeiten auf dem ersten Bildschirm

    „Geöffnet bis 22 Uhr“, live berechnet, statt einer Tabelle mit sieben Zeilen. Es ist die meistgestellte Frage; sie verdiente eine Antwort und kein Dokument zum Interpretieren.

  3. Speisekarte in HTML, niemals als PDF

    Ein PDF der Speisekarte lässt sich auf dem Smartphone nicht lesen, wird nicht indexiert und vom Screenreader nicht vorgelesen. Die Speisekarte ist eine strukturierte HTML-Seite, mit Preisen.

Farbpalette des Projekts

  • Bordeaux

    #6E2436

    Identität, Titel

  • Creme

    #F6F0E4

    Hintergrund

  • Tinte

    #211E1C

    Text

  • Messing

    #B08A4A

    Linien und Details

Typografisches System

Überschriften

Libre Baskerville

Fließtext

Source Sans 3

Eine klassische Serifenschrift im Stil alter Brasserie-Schilder, nur für die Titel – der Fließtext bleibt eine Bildschirm-Sans-Serif.

Engineering

Was unter der Haube steckt.

  • HTML/CSS
  • JavaScript
  • Google Analytics
  • Vercel

  1. Keine Abhängigkeiten

    Keine Bibliothek, die aktualisiert werden muss, also keine Sicherheitslücke, die in sechs Monaten zu schließen ist. Für eine Restaurant-Website, die nicht jeden Monat gewartet wird, ist das die verantwortungsvollste Wahl.

  2. Eine einzige CSS-Datei, eine einzige JS-Datei

    Zwei Anfragen zusätzlich zum HTML. Die Website ist vollständig, bevor eine Framework-Website ihr Bundle fertig geparst hat.

  3. Reichweitenmessung mit Einwilligung

    Google Analytics wird erst nach ausdrücklicher Zustimmung geladen. Ohne Einwilligung wird kein Drittanbieter-Skript aufgerufen – das ist keine Komfortoption, sondern die Vorgabe der CNIL (der französischen Datenschutzbehörde).

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. „Brasserie Vaise“, „Restaurant Lyon 9“

    Das lokale SEO zielt auf das Viertel vor der Stadt: Dort ist der Wettbewerb zehnmal schwächer und die Suchintention zehnmal stärker.

  2. Strukturierte Öffnungszeiten

    openingHoursSpecification in JSON-LD: Das speist das von Google angezeigte „Geöffnet · Schließt um 22 Uhr“ und erspart den Kontrollanruf.

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. 97/100 ohne nachträglichen Aufwand

    Eine einfache Website ist leichter barrierefrei zu machen. Semantisches HTML, geprüfte Kontraste, native Tastaturnavigation: Nichts musste im Nachhinein korrigiert werden.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite
  • Die Speisekarte
  • Reservieren
  • Anfahrt und Öffnungszeiten
  • Kontakt
Methode

Der Projektablauf.

  1. Rahmen

    Drei Bedürfnisse identifiziert, alles andere gestrichen.

  2. Design

    Brasserie-Register, dynamische Öffnungszeiten, Speisekarte in HTML.

  3. Entwicklung

    HTML/CSS/JS ohne Abhängigkeiten, Einwilligung vor der Messung.

Fragen

Was man uns oft fragt.

Weil eine Website mit fünf Seiten, die sich zweimal im Jahr ändert, weder eine Datenbank noch ein Backend noch monatliche Sicherheitsupdates braucht. WordPress wäre im Hosting und in der Wartung teurer gewesen – bei einem langsameren Ergebnis.

Weitere Referenzen

Zurück zum Portfolio

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.

Termin vereinbarenPreise ansehen
Teilen