R-21 · Webdesign

Meck Café — One-Pager für Hofcafé, Restaurant und Hofladen auf dem Ziegenhof

Relaunch der Webseite des Meck Cafés im Ziegenhof „Zwölf Eichen“ bei Cottbus — von einem CMS mit Page-Builder auf einen schnellen One-Pager mit Live-Öffnungsstatus, eigener Karte ohne Google und dem Verkaufsautomaten, der rund um die Uhr geöffnet hat.

Projekt R-21

Kunde
Meck Café
Kategorie
Webdesign
Fertiggestellt
Oktober 2026
Leistungen
Webentwicklung · Hosting · SEO · Performance
Webdesign-Projekt Meck Café
01 — Projekt Meck Café

Meck Café — Hofcafé mit Ziegenherde vor der Tür

Das Meck Café liegt auf dem Ziegenhof „Zwölf Eichen“ in Gulben, Gemeinde Kolkwitz, westlich von Cottbus. Restaurant, Café und Hofladen unter einem Dach: Tagesgerichte, Eis und Kuchen, Wurst und Käse aus eigener Produktion — und eine Ziegenherde auf der Weide vor der Tür. Den Hof gibt es seit 1991, das Café seit 2013, geöffnet ist Mittwoch bis Sonntag von 11 bis 18 Uhr. Für diesen Ort haben wir einen Auftritt gebaut, der so unkompliziert ist wie ein Besuch auf dem Hof.

Die Herausforderung

  • Viel Technik für eine Seite — Die bisherige Webseite lief auf einem CMS mit Page-Builder, für im Kern eine einzige Seite. Eine Sitemap gab es nicht, die robots.txt verwies ins Leere.
  • Die Fragen der Gäste — Ausflügler, Familien und Radfahrer wollen auf dem Handy in Sekunden wissen: Hat es heute offen? Wie komme ich hin? Wo kann ich anrufen?
  • Mehr als ein Café — Zum Hof gehören ein Verkaufsautomat, der rund um die Uhr geöffnet hat und einen eigenen Google-Eintrag besitzt, Koppelcamping für Wohnmobile und wechselnde Events. All das sollte Platz finden, ohne die Seite zu überladen.
  • Karte ohne Datenabfluss — Eine Anfahrtskarte gehört dazu, aber ohne dass beim Seitenaufruf Daten an Google oder andere Kartenanbieter gehen.

Unsere Lösung

Ein One-Pager mit Anker-Navigation, umgesetzt pixelgenau nach dem Designprototyp „Startseite v3“. Das Grün aus dem Logo trägt Buttons und Linien, eine dunkle Tinte die Titel, Mint- und Cremeflächen gliedern die Abschnitte. Bebas Neue für Überschriften und Zahlen, Inter für den Text — beide selbst gehostet. Interaktion gibt es nur als kleine Skripte direkt in den Modulen; ohne JavaScript bleibt jede Information erreichbar.

Highlights der Webseite

  • Startbild mit Bewegung — Neun Hof-Fotos im Wechsel mit sanfter Überblendung und Ken-Burns-Effekt. Bei reduzierter Bewegung steht das Bild still.
  • Live-Öffnungsstatus — Ein Badge zeigt „Heute ab 11 Uhr geöffnet“, „Jetzt geöffnet“ oder den nächsten Öffnungstag — berechnet in der Zeitzone des Hofs, nicht in der des Besuchers.
  • Angebote als Tabs — Restaurant, Café und Hofladen umschaltbar per Klick, Maus oder Pfeiltasten.
  • Verkaufsautomat „Uwe“ — Eigener Abschnitt direkt nach der Begrüßung: rund um die Uhr geöffnet, Kartenzahlung, mit Fotos und eigener Route zum Automaten.
  • Unser Hof — Zeitleiste von 1991 bis heute und Zahlen, die beim Hineinscrollen einmal hochzählen. Galerien für Impressionen und Tiere mit Großansicht, bedienbar per Tastatur.
  • Eigene Karte — Vektorkarte in den Farben des Cafés, geliefert von unserem eigenen Kacheldienst auf deutschen Servern. Kein Abruf bei Google Maps oder OpenStreetMap, die Karte lädt erst kurz bevor sie in Sicht kommt.
  • Events ohne Pflegeaufwand — Termine stehen mit Datum in den Daten, vergangene verschwinden automatisch.
  • Mobilmenü mit Status — Öffnungsstatus, alle Abschnitte in Seitenreihenfolge, „Anrufen“ und „Route planen“ mit einem Daumen erreichbar.
  • SEO & GEO — schema.org für Café und Restaurant, den Automaten als eigenen Laden und das Koppelcamping als Campingplatz, dazu sitemap.xml, llms.txt und llms-full.txt für KI-Antwortdienste.
  • Schlank auf dem Handy — Bilder in passenden Größenstufen, das Startbild auf dem Handy rund 56 KB, Kartenbibliothek und -styles werden erst mit der Karte geladen.

Leistungen im Detail

  • Individuelle Entwicklung — One-Pager nach Designprototyp statt Page-Builder, ohne Datenbank und ohne Erweiterungen
  • CMS-Migration — Inhalte und Fotos der alten Seite übernommen, Datenschutz-Adresse beibehalten
  • Kartenintegration — Eigener Kartenstil und Kacheldienst statt Google Maps
  • SEO & Structured Data — Lokales SEO für Kolkwitz und Cottbus, schema.org für alle Angebote des Hofs
  • DSGVO-konformes Setup — Selbst gehostete Schriften, Statistik in zwei Stufen mit gleichwertigem „Ablehnen“ und „Akzeptieren“
  • Barrierefreiheit — Kontraste nach WCAG 2.2 AA geprüft, große Tippflächen, Bedienung per Tastatur
  • Hosting & Deployment — Container-Hosting auf deutscher Infrastruktur mit automatischen Updates
  • Wartung & Support — Laufende Betreuung über Code und Git

Ergebnis

Aus einer Page-Builder-Seite wurde ein One-Pager, der den Hof zeigt, wie er ist: Ziegen, Kuchen, Hofladen — und die Antwort auf „Heute geöffnet?“ gleich im ersten Bild. Der Verkaufsautomat und das Koppelcamping haben ihren Platz bekommen, die Karte kommt ohne Google aus, und Suchmaschinen wie KI-Dienste finden alle Angebote des Hofs sauber beschrieben.

Ergebnis

Ein One-Pager, der die wichtigsten Fragen der Gäste in Sekunden beantwortet — „Heute geöffnet?“, Anfahrt, Anruf —, mit eigener Karte ohne Google-Abruf und strukturierten Daten für Café, Restaurant, Verkaufsautomat und Koppelcamping.