Alle Referenzen
Referenz

Menü Software

Gastronomie-SaaS

Marketing-Website für ein Gastro-SaaS (QR-Speisekarte, Tischservice, Team, Lieferung): neun statisch ausgelieferte Seiten für drei Zielgruppen — mit FAQ, SEO-Grundausstattung, sparsamen Effekten und durchgängiger KI-Bildwelt.

Zur Live-Seite: menu-software.netlify.app
Ausgangslage

Das Produkt war weiter als sein Auftritt: eine Web-App mit digitaler Speisekarte, Tischservice und Lieferung — aber ohne Seiten, die erklären, überzeugen und verkaufen. Interessenten mussten das Produkt selbst entdecken, statt abgeholt zu werden.

Was wir gemacht haben

Aus einer Seite für alles werden neun Seiten mit klarem Auftrag.

Neun Seiten für drei Zielgruppen

Start, je eine eigene Seite für Gastronomen, Gäste und Partner, dazu FAQ mit 21 Antworten, Kontakt und Rechtsseiten — die Inhalte des Betreibers gesichtet und in klare, eigene Seiten übersetzt.

Design aus der Markenwelt

Look und Farben des Produkts aufgegriffen und eigenständig weiterentwickelt; das CTA-Blau für bessere Lesbarkeit nachjustiert (WCAG AA).

Hero am lebenden Vergleich entschieden

Drei Hero-Varianten — Screenshot, Bild mit Parallax, Video-Loop — als eigene Branch-Stände gebaut; der Kunde verglich sie live im Browser und entschied am echten Objekt. Gewonnen hat der Video-Loop.

Preis-Angaben mit Drift-Schutz

Die Preis-Stufen liegen zentral in einer Datenquelle (Stand der Haupt-Site), gebucht wird ausschließlich auf menu-software.de — die beiden Auftritte können nicht auseinanderlaufen.

SEO-Grundausstattung

Titel und Beschreibung je Seite, Canonical-Links, sitemap.xml, robots.txt, Open-Graph-Vorschauen und FAQPage-Auszeichnung fürs FAQ; die endgültige Domain wird beim Go-live an einer Stelle eingetragen.

Sicherheits-Header

Strikte Content-Security-Policy (nur eigene Quellen), HSTS und Klickjacking-Schutz — auf der laufenden Live-Site nachgemessen, nicht nur konfiguriert.

Sparsame Effekte

CSS-Übergänge plus gezielt portierte Interaktions-Bausteine aus der eigenen Effekt-Bibliothek (Stacking-Cards, Karten-Slider), die erst in Viewport-Nähe laden; ohne JavaScript und bei reduzierter Bewegung gibt es statische Fallbacks.

KI-Bildwelt als Designelement

Durchgängige Bildwelt aus der Bild-KI Flux plus KI-Video-Loop im Hero (Kling, 668 KB) — bewusst als Designelement eingesetzt: Stimmungsbilder statt Stock-Fotos, keine nachgebauten App-Oberflächen.

Statisch gebaut, sauber übergeben

Alle Seiten werden beim Build fertig gerendert — kein Server baut zur Laufzeit HTML. Übergabe ins Hosting des Betreibers mit Betriebs-README; als Extra kam eine E-Mail-Signatur im Marken-Look dazu.

Ergebnis

Was heute nachprüfbar da ist.

  • Lighthouse Desktop: 100 / 100 / 100 / 100 (Performance, Zugänglichkeit, Best Practices, SEO) — LCP 0,7 s im Median aus drei Läufen; lokal am Prod-Build gemessen
  • Lighthouse mobil: Performance 97–99 bei sonst durchgehend 100 (Stichprobe: Start, Gastronomen, Partner, FAQ) — LCP 2,1–2,6 s
  • Null Layout-Sprünge (CLS 0) auf allen gemessenen Seiten — trotz Video-Hero
  • Startseite komplett — samt KI-Video-Loop — rund 1,4 MB; Unterseiten ab rund 0,65 MB
  • Neun statisch vorgerenderte Seiten mit Sitemap, robots.txt und Canonical-Links
  • Umgesetzt an einem Tag — vom ersten bis zum letzten Commit liegen keine neun Stunden (Git-Historie des Projekts)

Ähnliches Projekt?

Erzählen Sie mir kurz, was Sie vorhaben — ich melde mich zeitnah zurück.

Zur Live-Seite: menu-software.netlify.app
Kontakt aufnehmen