Case Study: Wie das Genuss-Atelier Dresden Restaurant und E-Commerce auf Shopify vereint

Systemfusion statt CMS-Chaos: Ablösung von Weblication, Speisekarten-Pflege per Shopify-Metaobjects, ein interaktiver Geschenkbox-Konfigurator und eine iPad-Kassen-PWA für das Restaurant.

Website-Ansicht des Genuss-Atelier Dresden auf Desktop mit historischem Sandsteingewölbe

Das Genuss-Atelier Dresden (Bautzner Straße 149) von Marcus und Nicole Blonkowski gehört zu den renommiertesten kulinarischen Adressen Sachsens — ausgezeichnet im Guide Michelin mit dem Bib Gourmand.

Doch digital stand das Spitzenrestaurant vor einer Herausforderung, die viele mittelständische Betriebe und Gastronomen kennen: Über Jahre waren zwei getrennte Web-Welten herangewachsen, die den Arbeitsalltag erschwerten und Kunden verwirrten.

Hier ist die Dokumentation, wie wir dieses Systemchaos durch eine radikale Konsolidierung auf Shopify gelöst haben — inklusive individuellem Sandsteingewölbe-Design, interaktivem Geschenkbox-Konfigurator und einer maßgeschneiderten iPad-Kassen-App für das Service-Team.


1. Die Ausgangslage: Zwei Systeme, doppelter Aufwand

Bis zum Relaunch betrieb das Restaurant zwei völlig voneinander isolierte Web-Auftritte:

  1. Die Restaurant-Website (genuss-atelier.net): Ein über zehn Jahre altes, historisch gewachsenes Weblication-CMS für Speisekarten, Öffnungszeiten, Ambiente und Team.
  2. Der Online-Shop (shop.genuss-atelier.net): Ein separater Shopify-Shop auf einer Subdomain, über den Restaurant-Gutscheine und eigene Feinkost-Artikel verkauft wurden.

Die spürbaren Probleme im Betrieb:

  • Pflege-Doppelung: Wollte Marcus die Speisekarte oder Feiertagsöffnungszeiten ändern, musste das CMS bedient werden. Wurden Gutscheinpreise oder Saisonartikel angepasst, war das Shopify-Backend fällig.
  • Bruch in der Nutzererfahrung: Gäste wechselten beim Klick auf „Gutschein kaufen“ unbemerkt die Domain, das Layout und die mobile Navigation.
  • Die Gutschein-Synchronisationslücke: Gäste kauften online Gutscheine und brachten den Ausdruck mit ins Sandsteingewölbe. Das Service-Team musste Gutscheine mühsam manuell abgleichen, um Doppel-Einlösungen zu verhindern.

2. Die Strategie: Radikale Reduktion auf ein einziges System

Die naheliegende Standard-Agentur-Lösung wäre gewesen: Ein neues WordPress-System für die Website und weiterhin der Shop auf der Subdomain.

Ich habe stattdessen für eine konsequente Single-System-Architektur plädiert: Wir schalten das alte Weblication-CMS komplett ab und überführen die gesamte Restaurant-Präsenz direkt in Shopify.

Shopify Online Store 2.0 ist längst nicht mehr nur ein reiner Onlineshop. Richtig aufgesetzt, ist es ein hochperformantes, wartungsfreies Content-Management-System ohne Plugin-Sicherheitsrisiken und ohne Server-Wartungsverträge.

Vorher:
[Weblication CMS (genuss-atelier.net)] ── Speisekarte & Tischreservierung
[Separater Shop (shop.genuss-atelier.net)] ── Gutscheine & Feinkost

Nachher:
[Zentrale Shopify OS 2.0 Plattform (genuss-atelier.net)]
├── Speisekarte (Metaobjects)
├── Tischreservierung (Ruhetags-Logik)
├── Geschenkbox-Konfigurator
└── Kassen-PWA für das Service-iPad vor Ort

3. Quiet Luxury Design: Maßgeschneidert statt Template von der Stange

Ein Michelin-prämiertes Restaurant in einem historischen Dresdner Sandsteingewölbe darf nicht nach austauschbarem E-Commerce-Baukasten aussehen.

Als Basis diente das extrem schlanke Shopify-Dawn-Theme, das wir komplett entkernt und mit einem maßgeschneiderten Designsystem („Quiet Luxury“) ausgestattet haben:

  • Tiefes Obsidian-Schwarz (#0F1115) & warmer Sandstein: Greift das gedimmte Gewölbelicht und die massiven Sandsteinwände des Restaurants digital auf.
  • Zero-Jank Typografie: Selbst gehostete Serif- und Sans-Schriften, die ohne externe Google-Font-Server DSGVO-konform und verzögerungsfrei rendern.
  • Fokus auf visuelle Ehrlichkeit: Keine generischen Stockfotos von Champagnergläsern, sondern authentische Fotografien von Marcus, Nicole, dem Team und den handwerklich zubereiteten Gängen.

4. Speisekarten-Pflege über native Shopify-Metaobjects

Küchenchefs haben nach einem 14-Stunden-Tag am Herd keine Zeit, sich mit HTML-Tabellen oder CMS-Layouts herumzuschlagen.

Statt die Speisekarte statisch in HTML zu gießen, nutzen wir native Shopify Metaobjects. Marcus findet im Shopify-Admin eine aufgeräumte Eingabemaske:

  • Gang-Name (z. B. „Sächsischer Rehrücken · Schwarzwurzel · Schlehe“)
  • Menü-Zuordnung (3-Gänge, 4-Gänge, 5-Gänge oder Weinbegleitung)
  • Preis & vegetarische Alternative

Das Theme zieht sich diese Daten strukturiert über Liquid, rendert die Speisekarte vollautomatisch, sorgt für korrekte Auszeichnungen für Suchmaschinen und ermöglicht dem Gast den direkten Download als Druck-PDF.

Desktop-Ansicht der Speisekarte im Genuss-Atelier: Menüstruktur und Gänge gepflegt über native Shopify Metaobjects


5. Tischreservierungs-Führung mit Ruhetags- und Festtagslogik

Oft werden in Gastronomie-Websites fremde Reservierungs-Widgets eingebunden, die langsam laden und monatliche Provisionen kosten.

Für das Genuss-Atelier haben wir eine eigene Section (ga-orderbird-reservation.liquid) entwickelt:

  • Clientseitige Ruhetagsprüfung: Sonntag und Montag sind Ruhetage. Wählt ein Gast diesen Tag im Kalender, erklärt ein freundlicher Hinweis sofort, warum an diesen Tagen keine telefonische Rückbestätigung erfolgt.
  • Sonderöffnungs-Engine: An Feiertagen (z. B. Silvester oder Valentinstag am Sonntag) schaltet das System automatisch spezielle Mittags- und Abendslots frei.
  • Gutschein-Ankündigung: Gäste können bereits bei der Reservierung angeben, ob sie einen Gutschein einlösen möchten.

6. Umsatzhebel: Der interaktive Geschenkbox-Konfigurator

Das margenstärkste Geschäft im vierten Quartal sind Geschenke und Gutscheine. Um den durchschnittlichen Warenkorbwert (AOV) gezielt zu steigern, entstand der Geschenkbox-Konfigurator:

Ablauf im Onlineshop:
1. Edition wählen: Goldriesling (Weingut Martin Schwarz) oder Alkoholfrei
2. Veredelung: „Reine Genussbox“ oder „Mit Restaurant-Gutschein veredeln“ (50–250 € Presets)
3. Personalisierung: Grußkarten-Text mit Live-Vorschau im Browser
4. 1-Klick-Upsells: Pralinen, Meersalz oder Trüffelöl direkt im Warenkorb

Gutschein- und Geschenkbox-Bereich im Onlineshop des Genuss-Atelier mit personalisierter Veredelung

Durch diesen geführten Prozess kauft der Gast nicht nur einen Standard-Gutschein, sondern ein emotionales, hochwertig verpacktes Präsent für Familie oder Geschäftspartner.


7. Das technische Highlight: Die iPad-Kassen-PWA für das Restaurant

Die größte Hürde bei der Zusammenführung von Online-Shop und Vor-Ort-Gastronomie war die Gutschein-Einlösung am Gasttisch: Orderbird läuft als iPad-Kassensystem im Restaurant, Shopify verwaltet die Gutschein-Guthaben in der Cloud. Eine native Schnittstelle existiert zwischen beiden Welten nicht.

Um Doppelabzüge und manuelle Tippfehler im hektischen Abendservice auszuschließen, habe ich eine eigenständige, webbasierte Gutschein-Terminal-PWA (voucher.genuss-atelier.net) gebaut:

  1. Scan am Tisch: Das Service-Team öffnet die PWA auf dem Kellner-iPad. Über die iPad-Kamera (WebRTC-Barcode-Scanner) wird der QR-/Barcode des Gast-Gutscheins in unter 500 ms erfasst.
  2. Echtzeit-Saldo & Teileinlösung: Die PWA fragt den Restbetrag verschlüsselt über die Shopify Gift Card API ab. Hat der Gast einen 150-€-Gutschein und die Rechnung beträgt 95 €, entwertet die PWA exakt 95 € und zeigt das verbleibende Restguthaben von 55 € an.
  3. GoBD-Kassenabschluss: Der entwertete Betrag wird in der Orderbird-Kasse auf die vorkonfigurierte Zahlart „Gutschein extern“ gebucht. Der Kassenabschluss stimmt auf den Cent genau — ohne dass jemand nachts Excel-Tabellen abgleichen muss.

Architektur der Gutschein-Terminal PWA: Barcode-Scan am Restaurant-iPad und Abgleich mit Shopify Gift Card API und Orderbird POS


8. SEO-Schutz: 100 % Erhalt aller Google-Rankings

Ein Plattformwechsel von einem 10 Jahre alten CMS birgt immer die Gefahr von Ranking-Verlusten, wenn alte Links ins Leere laufen (404 Not Found).

Vor dem Go-Live wurde die alte Weblication-Struktur gecrawlt und eine vollständige 301-Weiterleitungsmatrix in Shopify hinterlegt. Alle bestehenden Google-Rankings, Backlinks und Presse-Erwähnungen leiten nahtlos auf die neuen Unterseiten weiter.


Fazit: Echte Digitalisierung schafft Freiräume

Das Projekt zeigt exemplarisch, wie modernes Webdesign für den inhabergeführten Mittelstand funktionieren muss:

  • Direkt vom Entwickler: Eine schlanke, robuste Plattform statt teurer Agentur-Wartungsverträge.
  • Prozess-Entlastung: Marcus und Nicole sparen jede Woche Stunden bei der Speisekartenpflege und beim Kassenabschluss.
  • Messbare Conversion: Gutschein- und Boxenverkäufe laufen über einen blitzschnellen, für Smartphones optimierten Checkout (Apple Pay, PayPal).

Möchten auch Sie Ihre veraltete Website modernisieren oder Ihren Shopware-/Shopify-Shop mit Ihren Geschäftsprozessen verzahnen?

Lassen Sie uns unverbindlich über Ihr Projekt sprechen →

Häufige Fragen

Warum eignet sich Shopify als Content-Management-System für Restaurants?

Seit Shopify Online Store 2.0 lassen sich dank nativer Metaobjects strukturierte Inhalte wie Speisekarten, Weinkarten und Team-Profile pflegen, ohne dass Programmierkenntnisse nötig sind. Gleichzeitig profitiert der Betrieb von Shopifys robuster E-Commerce-Infrastruktur für Gutscheine und Delikatessen.

Wie funktioniert die Gutschein-Entwertung im Restaurant ohne Kassen-Schnittstelle?

Über eine von mir eigens entwickelte iPad-PWA (Progressive Web App). Das Service-Team scannt am Tisch den Barcode des Online-Gutscheins. Die App prüft Restguthaben in Echtzeit über die Shopify Gift Card API, entwertet den Betrag und ermöglicht die GoBD-konforme Buchung im Orderbird-Kassensystem als externe Zahlart.

Sind bei einem Relaunch von einem alten CMS zu Shopify Rankings gefährdet?

Nein, vorausgesetzt alle bestehenden URLs werden über eine lückenlose 301-Weiterleitungsmatrix auf die neuen Ziel-URLs gemappt. Beim Genuss-Atelier blieben alle organischen Platzierungen bei Google vollständig erhalten.


Fragen zum Thema? Schreiben Sie mir — ich antworte in der Regel innerhalb eines Werktags.