Referenz / Website
Brottasche, Bar und Bühne.Eine Website, die den Abend mitscrollt.
Café und Bar an der Luxemburger Straße: Die Website erzählt den Tag in Schichten, vom Flat White bis zum Drink am Abend, mit einer Brottasche, die sich beim Scrollen füllt, Falstaff 91 mit Beleg und drei Klicks bis zur Tischanfrage. Dazu Veranstaltungen, für die man sich direkt einen Platz sichert.
Case lesen
- Kunde
- Kleine Freiheit
- Ort
- Köln-Sülz
- Zeitraum
- September 2026
- Leistung
- Website, Reservierung, Veranstaltungen, SEO
- Status
- Fertiggestellt
KLEINE FREIHEIT · REFERENZ · SYNECTOS · KLEINE FREIHEIT · REFERENZ · SYNECTOS · KLEINE FREIHEIT · REFERENZ · SYNECTOS
Die Seite in Bewegung
Scroll weiter, die Seite scrollt mit.
- 01
Ankommen
- 02
Ausgezeichnet, nicht abgehoben
- 03
Die Idee in einem Satz
- 04
Schicht für Schicht
- 05
Vom Tag in die Nacht
- 06
Ein Grund wiederzukommen
- 07
Tisch anfragen
Anfrage
Der Name in großen Buchstaben, daneben die Brottasche. Zwei Knöpfe reichen: Karte entdecken und Tisch anfragen.
Echte Aufnahme der Startseite, September 2026. Die Brottasche-Sequenz der Seite ist KI-generiert (Veo 3.1).
Ausgangslage
Tagsüber Café, abends Bar, dazwischen Programm.
Die Kleine Freiheit ist drei Orte in einem: Kaffee nach der Vorlesung, Brottaschen mit Biss, Drinks am Abend und Veranstaltungen dazwischen. Eine Website für so ein Haus muss jedes Publikum abholen, ohne ein anderes zu verlieren.
Und sie muss für jeden Anlass den passenden Weg anbieten: den Tisch für zwei, den Platz bei einer Veranstaltung, das eigene Fest mit der ganzen Runde.
Der Weg zur Anfrage
Tisch, Platz oder eigenes Event. Jeder Anlass hat seinen Weg.
Drei Klicks von der Startseite bis zur abgeschickten Tischanfrage. Wer mehr vorhat, findet auf der Veranstaltungsseite zwei weitere Wege.
- 01Vertrauen
Eckdaten statt Fußnote
Öffnungstage, Uhrzeit und bis zu zwölf Personen online stehen direkt neben dem Formular, nicht versteckt darunter.
- 02Anfrage
Wer kommt?
Name und Personenzahl, mehr braucht der erste Schritt nicht. Für größere Runden gibt es die Eventanfrage.
- 03Anfrage
Wann?
Vergangene Tage und die Ruhetage Sonntag und Montag nimmt das System gar nicht erst an. Keine Anfrage für einen Abend, an dem niemand da ist.
- 04Vertrauen
Eine Anfrage, keine Buchung
Der Tisch ist nach persönlicher Rückmeldung verbindlich reserviert. So steht es auch direkt links daneben.
- 05Anfrage
Event veranstalten
Geburtstag, Workshop oder Teamabend: Ein Assistent fragt Anlass, Rahmen und Kontakt ab, für vier bis 120 Gäste, mit Übersicht vor dem Absenden.
- 06Anfrage
Platz bei einem Termin
Für einzelne Veranstaltungen reicht ein Klick auf den Termin und eine kurze Anfrage für bis zu acht Personen.
Gefunden werden
Was Google sieht, steht schon im Kopf der Seite.
Der Server setzt für jede Seite Titel, Beschreibung und strukturierte Daten, bevor der Browser etwas baut. Suchmaschinen lesen das Lokal als Café, Restaurant und Bar in einem.
- 01
Drei Typen in einem Eintrag
Café, Restaurant und Bar mit Adresse, Küche, Instagram und dem Link zur Falstaff-Bewertung.
- 02
Jede Seite mit eigenem Kopf
Titel, Beschreibung und Vorschau kommen fertig vom Server, für Karte, Veranstaltungen und Reservierung einzeln.
- 03
Sitemap und robots.txt
Sechs Adressen in der Sitemap, echte 404 für alles, was es nicht gibt.
01<title>Karte | Kleine Freiheit Köln-Sülz</title>02<meta name="description" content="Entdecke die Karte der Kleinen Freiheit in Köln-Sülz: vegane Pockets, Kaffee und Drinks in entspannter Bar-Atmosphäre.">03<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">04<script type="application/ld+json">05 "@type": ["CafeOrCoffeeShop", "Restaurant", "BarOrPub"],06 "servesCuisine": ["Vegan", "Plant-based", "Street food"],07 "address": { "streetAddress": "Luxemburger Straße 156", "postalCode": "50937", "addressLocality": "Köln" },08 "sameAs": ["https://www.instagram.com/kleinefreiheitkoeln/", "https://www.falstaff.com/de/streetfood/kleine-freiheit"]09</script>10// Titel, Beschreibung und Daten setzt der Server für jede Seite einzelnDie 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 19ViteExpress / tRPCSchema.orgPlaywright / Vitestn8n
Ergebnis
Was zählt, steht hier mit Quelle.
Tischanfrage in drei KlicksTisch, Veranstaltung, Event: drei Wege zur AnfrageVeranstaltungen direkt auf der StartseiteFalstaff 91 mit Quelle belegtCode und Medien beim Haus, kein Fremdserver in der Auslieferung
GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN
01
Veranstaltungen, die Gäste bringen
Die Liste dahinter
Wie bringt eine Café-Website Gäste zu Veranstaltungen?
Mit einem eigenen Weg je Anlass. Die Termine stehen direkt auf der Startseite, nicht auf einer Unterseite, die niemand öffnet. Wer einen Termin sieht, fragt mit einem Klick einen Platz für bis zu acht Personen an. Wer selbst feiern will, beantwortet in einem Assistenten Anlass, Rahmen und Kontakt, für vier bis 120 Gäste, und sieht vor dem Absenden alles noch einmal auf einen Blick.
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.