Referenz / Website
Kölsche Klassiker, auch vegan.Eine Website, die wie ein Abend im Veedel wirkt.
Für das Moselstübchen in Köln haben wir eine Website gebaut, die die Stube spürbar macht und Gäste an den Tisch bringt: das Signature Dish als Scroll-Geschichte, Falstaff 92 mit Beleg, Tastings mit direkter Buchung, eine Speisekarte, die Suchmaschinen komplett lesen, und von jeder Seite aus die Tischreservierung mit Tagesauslastung.
Case lesen
- Kunde
- Moselstübchen
- Ort
- Köln-Ehrenfeld
- Zeitraum
- September 2026
- Leistung
- Website, Reservierung, SEO
- Status
- Fertiggestellt
MOSELSTÜBCHEN · REFERENZ · SYNECTOS · MOSELSTÜBCHEN · REFERENZ · SYNECTOS · MOSELSTÜBCHEN · REFERENZ · SYNECTOS
Die Seite in Bewegung
Scroll weiter, die Seite scrollt mit.
- 01
Ankommen
- 02
Drei Fakten statt Floskeln
- 03
Eine Stube, drei Geschichten
- 04
Scroll to plate
- 05
Ausgezeichnet, mit Beleg
- 06
Großer Geschmack
- 07
Tasting Club
- 08
Besuch planen
Anfrage
Ein Intro wie ein Vorhang, dann die Stube. Oben rechts steht vom ersten Moment an der Weg zum Tisch, auf jeder Seite.
Echte Aufnahme der Startseite, September 2026. Die Tasting-Karten der Seite sind KI-Illustrationen.
Ausgangslage
Die Stube lebt vom Abend. Die Website nimmt ihn vorweg.
Gäste entscheiden am Handy und in Sekunden: Wie ist die Stimmung, was steht auf der Karte, gibt es noch einen Tisch? Eine Restaurant-Website muss genau diese drei Fragen beantworten, bevor jemand weiterwischt.
Das Moselstübchen hat viel zu zeigen: kölsche Klassiker, fast alle auch vegan, 92 Falstaff-Punkte und einen eigenen Tasting Club. Die Aufgabe war, daraus eine Seite zu machen, die das erzählt und ohne Umweg zur Reservierung führt.
Der Weg zur Anfrage
Vom ersten Blick zur Tischanfrage in fünf Klicks.
Jede Seite führt zu einer Anfrage, ohne dass jemand danach suchen muss. Datum, Uhrzeit und Personen stehen schon drin, Name und E-Mail genügen.
- 01Vertrauen
Anfrage statt Sofortbuchung
Verbindlich wird der Tisch erst mit persönlicher Bestätigung. Das nimmt Gästen den Druck und lässt dem Team die Hand am Abend.
- 02Anfrage
Vorbelegt statt leer
Datum, Uhrzeit und Personen sind vorausgefüllt. Wer schnell ist, ändert nur, was nicht passt.
- 03Anfrage
Tagesauslastung auf einen Blick
Ein Wochenkalender zeigt freie, knappe und volle Abende, Ruhetag und vergangene Tage sind gesperrt. Mit dem eigenen Reservierungsbuch, an dem wir arbeiten, kommen die Plätze direkt aus dem Haus.
- 04Anfrage
Voll heißt nicht Sackgasse
Ist ein Abend voll, bietet die Seite den Anruf an. Ab 15 Personen geht es in eine eigene Gruppenanfrage.
- 05Anfrage
Zwei Wege, ein Formular
Eine kurze Nachricht mit Rückrufwunsch oder eine geführte Anfrage in drei Schritten, umschaltbar ganz oben.
- 06Anfrage
Feiern ab 15 Personen
Gruppen landen nicht in der Tischreservierung, sondern in einer eigenen Anfrage mit Wunschtermin und Uhrzeit.
- 07Vertrauen
Presse und Medien
Interviews und Drehgenehmigungen haben einen eigenen Eingang, Unterlagen bis 8 MB lassen sich direkt anhängen.
Gefunden werden
Was Google sieht, bevor jemand klickt.
Die Seite rendert auf dem Server. Suchmaschinen und KI-Suchdienste bekommen Speisekarte, Preise und Öffnungszeiten als fertiges HTML, nicht als leere Hülle, die erst im Browser entsteht.
- 01
Die ganze Karte im Quelltext
Alle 18 Gerichte mit Preis stehen im Server-HTML der Speisekarte, alle sechs Tastings im HTML der Tasting-Seite.
- 02
Strukturierte Daten
Restaurant mit Adresse, Geodaten, Öffnungszeiten und Reservierungsaktion, dazu die Speisekarte mit veganer Kennzeichnung und Brotkrumen.
- 03
Jede Seite mit eigenem Kopf
Titel, Beschreibung, Canonical und Vorschau kommen je Seite vom Server. Unbekannte Adressen antworten mit einer echten 404.
- 04
Klare Linie für KI-Crawler
Such-Crawler von OpenAI und Perplexity sind zugelassen, das Trainings-Crawling von OpenAI nicht. Eine eigene Seite beantwortet die häufigste Frage: Ist das Stübchen komplett vegan?
01<title>Speisekarte | Kölsche Klassiker & vegane Varianten | Moselstübchen Köln</title>02<meta name="description" content="Entdecke die Speisekarte des Moselstübchens in Köln: kölsche Klassiker, norddeutsche Gerichte und viele vegane Varianten.">03<script type="application/ld+json">04 "@type": "Restaurant",05 "servesCuisine": ["Kölsche Küche", "Deutsche Küche", "Norddeutsche Küche", "Vegane Küche"],06 "openingHoursSpecification": [{ "dayOfWeek": ["Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], … }],07 "@type": "MenuItem", "name": "Halve Hahn",08 "offers": { "price": "6.50", "priceCurrency": "EUR" }09</script>10<h1>Das Gute<br/><em>auf den Tisch.</em></h1>11<h3>Halve Hahn</h3><p>Roggenbrötchen, mittelalter Gouda, Zwiebeln und Senf.</p><strong>6,50 €</strong>12// … und so weiter für alle 18 GerichteDie Seite
Desktop und Handy, so wie Gäste sie sehen.
Echte Screenshots der Seite, keine Mockups. Was hier zu sehen ist, läuft so im Browser.
Im Detail
Sektion für Sektion. Die Momente, die die Seite ausmachen.
Unsere Arbeit
Was Synectos gemacht hat. Und womit.
Kein Feature-Katalog, sondern die Arbeit hinter dem Ergebnis. Klapp auf, was dich interessiert.
React 19Vite mit Server-RenderingExpress / tRPCSchema.orgPlaywright / Vitestn8n
Ergebnis
Was zählt, steht hier mit Quelle.
Tisch anfragen auf jeder SeiteReservierung in drei Schritten mit TagesauslastungTastings direkt buchbarSpeisekarte komplett im Server-HTMLFalstaff 92 mit Quelle belegt
GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN
01
Reservieren ohne Portal
Die Entscheidung dahinter
Braucht ein Restaurant ein Reservierungsportal?
Nicht unbedingt. Portale bringen Reichweite, verlangen aber meist eine Gebühr je Gast oder im Monat und halten die Kontaktdaten der Gäste. Ein Reservierungsweg auf der eigenen Website kostet keine Provision, und jede Anfrage landet direkt beim Haus. Beim Moselstübchen führt jede Seite in fünf Klicks zur Tischanfrage, Tastings sind direkt buchbar. Das eigene Haussystem für Kasse, Reservierung und Marketing, an dem wir arbeiten, verbindet das künftig mit dem Reservierungsbuch.
02
Was eine Restaurant-Website zu Anfragen macht
Die Liste dahinter
Was braucht eine Restaurant-Website, damit sie Anfragen bringt?
Drei Dinge. Einen Anfrageweg, der von jeder Seite aus sichtbar ist. Einen Ablauf ohne Hürden: vorausgefüllte Felder, eine klare Bestätigung und eigene Wege für Gruppen und Veranstaltungen. Und Inhalte, die Suchmaschinen ohne JavaScript lesen: Speisekarte, Preise und Öffnungszeiten als HTML und als strukturierte Daten. Beim Moselstübchen sind es fünf Klicks von der Startseite bis zur abgeschickten Anfrage.
Referenz / Website
Was soll bei dir als Nächstes laufen?
15 Minuten, kostenlos, am Telefon oder per Video. Danach weißt du, ob es passt und was der sinnvollste nächste Schritt ist.