Case Study 03 · Gaststätten-Website mit Speisekarten-Upload und Pflegebereich
Wohlmann's
Die Gaststätte im Tennisclub Blau-Gelb Bad Rappenau. Mehr als eine Gaststätten-Website: Der Inhaber lädt Speisekarte, Saisonkarte und Veranstaltungsplakate als PDF hoch, die Gäste blättern die Karte direkt im Browser durch. Öffnungs- und Küchenzeiten pflegt er selbst, die Seite zeigt daraus, ob heute geöffnet ist und ab wann die Küche läuft.
Ausgangslage
Die Speisekarte war sechs Bilder in einem Baukasten.
Wohlmann's ist die Gaststätte im Tennisclub Blau-Gelb Bad Rappenau: deutsche Küche, Sonnenterrasse mit Blick auf die Solebohrung. Die alte Website lief in einem Baukastensystem. Die Speisekarte bestand aus abfotografierten Seiten, die Anfahrt war ein Platzhalter ohne Adresse, und für jede Änderung war jemand nötig, der das System kannte.
Der Inhaber muss die Karte selbst tauschen können, vom Handy aus, und die Saisonkarte und die Veranstaltungen gleich mit.
Ziel
Eine Seite, die der Inhaber selbst pflegt.
- Speisekarte, Saisonkarte und Plakate als PDF hochladen, mehr ist nicht nötig
- Gäste sehen die Karte direkt im Browser, scharf und ohne Download
- Öffnungs- und Küchenzeiten mit Tagesstatus statt starrer Tabelle
- Ein Auftritt, der zur Gaststätte passt, und nicht nach Vorlage aussieht
Konzept & Design
Dunkle Bühne, helles Papier.
Dunkle Flächen für die Stimmung, Cremepapier für die Karte und eine Plakatwand für die Veranstaltungen. Tannengrün und Gold kommen aus dem Logo, das der Inhaber mitgebracht hat.
- Zwei Materialien: dunkle Bühne und Cremepapier
- Speisekarte als Heft zum Durchblättern auf der Startseite
- Tageszettel: heute geöffnet, Küche bis, morgen ab
- Auf dem Handy mehr Papier, weil dem Inhaber das Grün dort zu viel war
Der Kern
Der Inhaber lädt eine PDF hoch, den Rest macht der Server.
Der Inhaber lädt im Pflegebereich eine PDF-Datei hoch. Der Server prüft, ob die Datei eine PDF ist, macht aus jeder Seite ein Bild in mehreren Größen und stellt die Karte online. Auf dem Handy lädt die Seite dadurch schneller als jedes PDF, und niemand muss eine Datei öffnen, um zu sehen, was es zu essen gibt.
Pflegebereich
- Speisekarte und Saisonkarte hochladen, alte Fassung bleibt archiviert
- Veranstaltungen mit Plakat, Datum und Text anlegen
- Passwort selbst zurücksetzen per E-Mail, ohne Rücksprache mit mir
Für die Gäste
- Karte Seite für Seite im Browser, dazu der Download der Original-PDF
- Öffnungszeiten mit Tagesstatus, berechnet nach Berliner Uhrzeit
- Anfahrtskarte lädt erst nach einem Klick, sonst keine Verbindung zu Google
Technik
- Astro mit Server-Rendering, Node.js und SQLite
- Uploads werden am Inhalt geprüft, nicht am Dateinamen
- Schriften vom eigenen Server, dadurch keine Cookies nötig
Infrastruktur & Betrieb
Jede Änderung durchläuft erst die Tests.
Jede Änderung durchläuft automatische Tests, darunter ein Klickdurchlauf der ganzen Seite auf Handybreite. Erst wenn alles grün ist, wird die neue Fassung als Container gebaut und ausgerollt. Die Datenbank wird beim Start auf den aktuellen Stand gebracht, nie nebenbei.
LIVE-ARCHITEKTUR · WOHLMANNS.DE
- Browser
- DNS
- Reverse Proxy · TLS
- Astro SSR / Node.js
- SQLite + Uploads
- Docker · non-root
- Automatische Tests
- Security Header
- Überwachung
- Backups
- Updates
Die alten Adressen der Baukasten-Seite leiten dauerhaft auf die neuen um, damit Google und gespeicherte Lesezeichen nicht ins Leere laufen.
Stand
Live unter wohlmanns.de.
Die Seite läuft unter der eigenen Domain und hat die alte Baukasten-Website abgelöst. Die alten Adressen leiten dauerhaft auf die neuen um.
Design, Pflegebereich und Downloads nehmen dem Inhaber die laufende Arbeit ab.
Meine Rolle
- Konzept, Gestaltung und Bildbearbeitung
- Frontend, Pflegebereich und PDF-Verarbeitung
- Umzug von der alten Seite, Weiterleitungen
- Hosting, Sicherung, Überwachung und laufender Betrieb
Kontakt
Website für Gaststätte oder Café
Speisekarte, Öffnungszeiten, Veranstaltungen: Das pflegst du selbst, ich baue das Werkzeug dafür. Beschreibe mir, wie es bei dir heute läuft.