Kölsche Klassiker, auch vegan. Eine Seite wie ein Abend im Veedel.

Kunde: Moselstübchen · Tim Rosnau
Ort: Köln-Ehrenfeld
Jahr: 2026
Rolle: Konzept, Design, Entwicklung, SEO
Status: Fertiggestellt

Moselstübchen

Ausgangslage

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.

Was ich gebaut habe

Das Signature Dish entsteht als Scroll-Geschichte vom leeren Teller bis zum Kölsch daneben. Die Auszeichnung steht mit Quelle da, die Karte ist komplett im HTML, und oben rechts wartet auf jeder Seite der Weg zum Tisch.

Die Seite gehört dem Restaurant: eigener Code, Bilder und Videos von der eigenen Seite, kein Baukasten und kein Tracking Dritter.

Gerichte mit Preis im Server-HTML

lesbar ohne JavaScript

Klicks bis zur Tischanfrage

von der Startseite

Falstaff-Punkte, auf der Seite belegt

Streetfood Guide 2026

automatische Tests, grün

Die Seite in Bewegung.

Eine echte Bildschirmaufnahme der Startseite, ungeschnitten.

Moselstübchen

Hinweis: Die Tasting-Karten auf der abgebildeten Seite sind KI-Illustrationen.

Die Momente, die das Projekt ausmachen.

01
Scroll to plate
Das Pilzrahm-Schnitzel entsteht in vier Schritten. Von dort führt ein Link direkt auf die Karte.
02
Ausgezeichnet, mit Beleg
Falstaff 92 aufgeschlüsselt nach Essen, Service und Stil und bis zur offiziellen Bewertung verlinkt.
03
Tischanfrage mit Tagesauslastung
Datum, Uhrzeit und Personen sind vorbelegt, ein Wochenkalender zeigt freie und volle Abende.
04
Gefunden werden
Server-Rendering und strukturierte Daten: Suchmaschinen und KI-Suche lesen Karte, Preise und Öffnungszeiten.