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, eine Speisekarte, die Suchmaschinen komplett lesen, Feiern und Catering mit eigener Anfrage und von jeder Seite aus die Tischreservierung mit Tagesauslastung.
Case lesen
- Kunde
- Moselstübchen
- Ort
- Köln-Ehrenfeld
- Zeitraum
- September und Oktober 2026
- Leistung
- Website, Reservierung, Catering, SEO
- Status
- Im Betrieb
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
Tastings im Schwesterladen
- 08
Besuch planen
- 09
Feiern und Catering
- 10
Am Ende noch einmal groß
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, Oktober 2026.
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, Raum für eigene Feiern und ein Catering. 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 sechs Klicks.
Jede Seite führt zu einer Anfrage, ohne dass jemand danach suchen muss. Datum und Personen stehen schon drin, die Uhrzeit ist eine von zwei Runden, 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 und Personen sind vorausgefüllt. Wer schnell ist, ändert nur, was nicht passt.
- 03Anfrage
Runden statt Uhrzeit-Raten
Zwei Runden am Abend zur Auswahl, dazu der Sitzplatz mit Foto. So weiß das Team, wann wer kommt und wo er sitzen möchte.
- 04Anfrage
Tagesauslastung auf einen Blick
Ein Wochenkalender zeigt ruhige, gut besuchte und volle Abende, Ruhetag und vergangene Tage sind gesperrt. Mit der Betriebs-App, die für beide Läden entsteht, kommen die Plätze künftig direkt aus dem Reservierungsbuch.
- 05Anfrage
Voll heißt nicht Sackgasse
Ist ein Abend voll, bietet die Seite den Anruf an. Ab 15 Personen geht es in eine eigene Gruppenanfrage.
- 06Anfrage
Zwei Wege, ein Formular
Eine kurze Nachricht mit Rückrufwunsch oder eine geführte Anfrage in drei Schritten, umschaltbar ganz oben.
- 07Anfrage
Feiern ab 15 Personen
Gruppen landen nicht in der Tischreservierung, sondern in einer eigenen Anfrage mit Wunschtermin und Uhrzeit.
- 08Vertrauen
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 22 Gerichte mit Preis stehen im Server-HTML der Speisekarte, als lesbarer Text und als strukturierte Daten.
- 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": "Pommes",08 "offers": { "price": "6.50", "priceCurrency": "EUR" }09</script>10<h1>Das Gute<br/><em>auf den Tisch.</em></h1>11<h3>Pommes</h3><p>Eine ganz normale Portion</p><small>vegan</small><strong>6,50 €</strong>12// … und so weiter für alle 22 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 / Vitest
Ergebnis
Was zählt, steht hier mit Quelle.
Tisch anfragen auf jeder SeiteReservierung in drei Schritten mit TagesauslastungFeiern und Catering mit eigener AnfrageSpeisekarte 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 sechs Klicks zur Tischanfrage, Feiern und Catering haben eigene Anfragen. Die Betriebs-App, die für beide Läden entsteht, 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 sechs 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.