Gäste informieren sich oft online, bevor sie einen Tisch reservieren. PDF-Speisekarten sind auf dem Smartphone schwer lesbar, und ohne Reservierungsmöglichkeit bleibt nur der Anruf während des laufenden Betriebs.
Fiktives Website-Beispiel · Gastronomie
Website-Beispiel für Restaurants
Speisekarte, Ambiente und Reservierung auf einen Blick
Ein fiktives italienisches Restaurant in Offenburg zeigt, wie Speisekarte, Bilder, wiederkehrende Abende und eine Reservierungsanfrage auf einer Seite zusammenfinden. Die ganze Karte steht zusätzlich auf einer eigenen Seite.
Dieses Konzept zeigt eine mögliche Umsetzung. Name, Unternehmen, Bewertungen, Kennzahlen und Kontaktdaten sind frei erfunden.
Konzept
Das Website-Konzept
Eine Website mit Speisekarte als eigener Webseite, einem Reservierungsformular neben der Telefonnummer, Bildern von Speisen und Räumen, wiederkehrenden Abenden und gut sichtbaren Öffnungszeiten.
Gäste können Speisekarte, Öffnungszeiten und Ambiente vorab ansehen und anschließend mit Datum, Uhrzeit und Personenzahl eine Reservierung anfragen.
Seitenstruktur
Seitenstruktur des Beispiels.
Die Navigation führt zu Über uns, Speisekarte, Galerie, besonderen Abenden und Kontakt. Der Button „Tisch reservieren“ bleibt in der Kopfzeile sichtbar, die ganze Speisekarte liegt unter /menu/ auf einer eigenen Seite.
- 01
Einstieg
Geteilter Einstieg: links Restaurantname, ein Satz zur Küche, Buttons für Reservierung und Speisekarte sowie Öffnungszeiten, Adresse und Telefon, rechts ein großes Bild.
- 02
Über uns
Familienküche seit 1995 in wenigen Sätzen, ein Zitat zur Haltung des Hauses und drei Punkte zu Pasta, Steinofen und Weinen.
- 03
Speisekarte
Reiter für Antipasti, Pasta, Pizza und Dolci mit Bild je Kategorie. Die Gerichte stehen als klassische Liste mit Punktlinie bis zum Preis, kurzer Beschreibung und Hinweisen wie „vegetarisch“, „vegan“ oder „scharf“.
- 04
Galerie
Fünf Bilder von Speisen und Gastraum als Mosaik. Jedes Bild lässt sich vergrößern und durchblättern.
- 05
Besondere Abende
Wiederkehrende Angebote statt Einzeltermine: Weinabend am ersten Donnerstag im Monat, Pasta-Kurs am Samstag und Feiern nach Vereinbarung, jeweils mit Preis oder Gruppengröße.
- 06
Beispielbewertungen
Drei Gästestimmen mit Sternen, jede als „Beispiel“ gekennzeichnet. Ein Hinweis erklärt, dass sich so echte Google-Bewertungen einbinden lassen.
- 07
Tisch reservieren
Reservierungsanfrage mit Datum, Uhrzeit, Personenzahl, Name, Telefon, E-Mail und Anmerkung. Daneben stehen Telefonnummer, Öffnungszeiten und ein Hinweis für Gruppen ab acht Personen.
- 08
Besuchen Sie uns
Adresse, Öffnungszeiten, Telefon und E-Mail sowie ein Kasten zu Abholung und Lieferung.
- 09
Die ganze Karte
Eigene Seite mit Sprunglinks zu allen Kategorien, allen Gerichten mit Preisen, einem Hinweis zu Allergenen und einem Link zur Reservierung.
Warum dieser Aufbau
Karte und Öffnungszeiten zuerst.
Gäste suchen auf einer Restaurant-Website meist zuerst die Speisekarte und die Öffnungszeiten. Die Öffnungszeiten stehen deshalb schon im Einstieg, die Karte folgt kurz danach als Webseite statt als PDF. Sie lässt sich auf dem Smartphone ohne Zoomen lesen, und Suchmaschinen können die Gerichte erfassen. Die Listenform mit Punktlinie bis zum Preis ist aus gedruckten Karten vertraut.
Die Reservierung bietet zwei Wege: ein Formular mit Datum, Uhrzeit und Personenzahl für alle, die im Voraus planen, und die Telefonnummer direkt daneben für kurzfristige Anfragen. Das Restaurant bestätigt die Anfrage per E-Mail oder Rückruf. Der Hinweis für größere Gruppen steht gleich daneben und erspart Rückfragen im laufenden Service.
Die besonderen Abende sind als wiederkehrende Termine formuliert, etwa jeden ersten Donnerstag im Monat. So bleibt der Bereich aktuell, ohne dass jede Woche ein neues Datum eingetragen werden muss. Neue Angebote oder Preisänderungen übernehmen wir im Abo im Rahmen der kleinen Änderungen, je nach Paket ein- bis viermal im Monat.
Schwerpunkte
Worauf dieses Beispiel setzt.
Speisekarte als Webseite
Ein Auszug nach Kategorien auf der Startseite und die ganze Karte auf einer eigenen Seite, mit Preisen und Hinweisen wie „vegetarisch“. Preisänderungen übernehmen wir im Rahmen der kleinen Änderungen.
Reservierungsanfrage
Gäste wählen Datum, Uhrzeit und Personenzahl und hinterlassen ihre Kontaktdaten. Wer lieber anruft, findet die Telefonnummer direkt neben dem Formular.
Bilder von Küche und Räumen
Ein großes Bild im Einstieg und eine Galerie mit Speisen und Gastraum, die sich vergrößert ansehen lässt. Gäste bekommen vorab einen Eindruck vom Restaurant.
Wiederkehrende Abende
Weinabend, Pasta-Kurs und Feiern mit festem Rhythmus, Preis oder Gruppengröße. Plätze fragen Gäste über dieselbe Reservierung an.
Funktionen
Kernfunktionen im Überblick.
Speisekarte
- Speisekarte als HTML-Seite
- Reiter von Antipasti bis Dolci
- Klassische Liste mit Preisen
- Hinweise zu vegetarisch, vegan und scharf
Reservierung
- Reservierungsformular
- Uhrzeiten im Halbstundentakt
- Telefonnummer direkt daneben
- Hinweis für Gruppen ab acht Personen
Besondere Abende
- Weinabend mit Preis
- Pasta-Kurs mit Teilnehmerzahl
- Feiern im separaten Raum
- Plätze über die Reservierung anfragen
Mobile Experience
- Responsive Design
- Mobile Speisekarte
- Click-to-Call
- Bewertungen zum Wischen
Auffindbarkeit & Kontakt
- Schema.org für Restaurants
- Öffnungszeiten maschinenlesbar ausgezeichnet
- Vorschau für geteilte Links
- Abholung und Lieferung erklärt
Performance
- Vorab erzeugte, statische Seiten
- Bilder in AVIF und WebP
- Passende Bildgrößen je Gerät
- Schriften von der eigenen Domain
Technologie
Mögliche technische Grundlage
- Next.js (statischer Export)
- React
- TypeScript
- Tailwind CSS
- Bildoptimierung (AVIF, WebP)
- Schema.org
- Cloudflare
Passendes Paket
Business für 149 € im Monat.
Im Beispiel hat die Speisekarte bereits eine eigene Seite. In einer echten Umsetzung bekommen auch besondere Abende und Feiern eigene Seiten, die Business mit bis zu 10 Seiten abdeckt. Die Blog-Funktion eignet sich für Veranstaltungen, und das Google-Unternehmensprofil mit den Öffnungszeiten lässt sich einbinden. Zwei kleine Änderungen im Monat decken etwa eine Kartenänderung und einen neuen Abend ab.
- Monatlicher Preis
- 149 €
- Einrichtungskosten
- 0 €
- Kleine Änderungen pro Monat
- 2
- Mindestlaufzeit
- 12 Monate
- Bis zu 10 Seiten
- Blog-Funktion
- Online-Terminbuchung
- Google-Unternehmensprofil einbinden
Weiterlesen
Passende Ratgeber und Übersichten.
Ratgeber
Restaurant-Website: Speisekarte und Reservierung
Welche Inhalte Gäste suchen und wie Speisekarte und Reservierung gut zusammenspielen.
RatgeberLokales SEO für kleine Unternehmen
Google-Unternehmensprofil, Bewertungen und regionale Inhalte Schritt für Schritt verbessern.
Website-BeispielWebsite-Beispiel für Friseursalons
Ebenfalls mit Anfrageformular: Leistungen mit Preisen, Team, Galerie und Terminanfrage.
Ähnliches Projekt starten
Möchten Sie eine Website für Gastronomie?
Lassen Sie uns besprechen, wie wir eine ähnliche Lösung für Ihr Unternehmen entwickeln können – modern, auf kurze Ladezeiten optimiert und datenschutzfreundlich umgesetzt.