Referenz / Website
Kölsche Klassiker, auch vegan.Eine Website, die wie ein Abend im Veedel wirkt.
Für das Moselstübchen in Köln entsteht eine Website, die die Stube spürbar macht und zu Anfragen führt: das Signature Dish als Scroll-Geschichte, Falstaff 92 mit Beleg, eine Speisekarte, die Suchmaschinen komplett lesen, und eine Tischanfrage mit Tagesauslastung.
Case lesen
- Kunde
- Moselstübchen
- Ort
- Köln-Ehrenfeld
- Zeitraum
- seit September 2026
- Leistung
- Website: Übernahme, Anfragewege, SEO
- Status
- In Arbeit, vor Go-live
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, Stand September 2026 vor Go-live. Die Tasting-Karten sind KI-Illustrationen, die Herkunft der übrigen Bilder der Seite wird vor dem Go-live geprüft und gekennzeichnet.
Ausgangslage
Ein schöner Prototyp, der dem Anbieter gehörte.
Die erste Fassung der Seite entstand mit einem KI-Baukasten: schnell und ansehnlich, aber abhängig. Bilder und Videos lagen auf fremden Servern, der Login lief über den Anbieter, und nichts davon gehörte dem Restaurant.
Dazu fehlte, was eine Restaurant-Website im Alltag leisten muss: ein Anfrageweg, der ankommt, und Fakten, die stimmen. Auf der Seite stand dieselbe Adresse mit zwei verschiedenen Postleitzahlen, ein Fehler, den keine KI von sich aus bemerkt.
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. Die Plätze sind heute Demowerte, echte Zahlen kommen mit dem Reservierungsbuch.
- 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 im aktuellen Stand, 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 SeiteSpeisekarte komplett im Server-HTMLFalstaff 92 mit Quelle belegtAnfrage statt Sofortbuchung, persönlich bestätigtGo-live nach Freigabe von Fakten und Rechtstexten
GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN
01
Warum Übernahme statt Neubau
Die Entscheidung dahinter
Kann man eine mit KI gebaute Website übernehmen und weiterbetreiben?
Ja, wenn man sie wie fremden Code behandelt: alles lesen, alles prüfen, nichts glauben. Beim Moselstübchen hieß das, den Code in ein eigenes Repository zu holen, jede Abhängigkeit zur Plattform zu kappen, Medien selbst auszuliefern und die Sicherheit vor dem Go-live zu prüfen. Das ist günstiger als ein Neubau, solange Gestaltung und Struktur stimmen, und es endet mit einer Seite, die dem Restaurant gehört statt dem Anbieter.
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?
Erzähl uns von deinem Betrieb, deinem Produkt oder dem Ablauf, der endlich leichter werden soll.