Digitale Speisekarte fur dein Restaurant: Schritt fur Schritt
Eine digitale Speisekarte fur dein Restaurant zu erstellen ist einfacher als es klingt. Du musst weder Designer noch Programmierer sein: Mit ein paar kostenlosen Tools und einem Nachmittag hast du eine professionelle Speisekarte fertig, die du mit einem QR-Code verlinken kannst. In dieser Anleitung erklarre ich den gesamten Prozess, von der inhaltlichen Struktur bis zur Veroffentlichung, mit Vorlagen, die du kopieren kannst.
Was ist eine digitale Speisekarte
Eine digitale Speisekarte ist die Online-Version deiner Papierkarte: eine Webseite, ein PDF, ein Bild oder ein interaktives Dokument, das der Kunde auf seinem Handy ansehen kann. Man greift darauf zu, indem man einen QR-Code scannt oder auf einen Link klickt. Im Gegensatz zur Papierkarte kann die digitale in Sekunden aktualisiert werden, Fotos und Allergene enthalten und messen, wie oft sie angesehen wurde.
Warum dein Restaurant eine digitale Speisekarte braucht
- Spart Nachdrucke: Ein Gericht oder einen Preis zu andern dauert funf Minuten.
- Besseres Erlebnis: Fotos, Ubersetzung, Allergene, Verfugbarkeit.
- Modernes Image: Das erwartet der Kunde, das ist kein Extra.
- Zuganglich fur Touristen: Wenn du internationale Kunden hast, lasst sich eine digitale Karte leicht ubersetzen oder mehrsprachig gestalten.
- Kompatibel mit Online-Bestellungen: Wenn du spater willst, dass der Kunde vom Tisch aus bestellt, hast du schon die Basis.
Bevor du startest: Was du brauchst
- Den Inhalt deiner aktuellen Karte: Gerichtnamen, Beschreibungen, Preise, Allergene, Empfehlungen des Kuchchefs.
- Fotos deiner Gerichte (optional, aber empfohlen): Mit gutem Licht, sauberem Hintergrund und so, wie das Gericht serviert wird.
- Eine wichtige Entscheidung: Das Format. Du hast vier Optionen, vom geringsten zum hochsten Aufwand:
- Gut gemachtes JPG/PNG-Bild.
- Gut prasentiertes PDF.
- Responsive Webseite.
- Eigene App.
Option 1: Gut gemachtes JPG/PNG-Bild (empfohlen zum Start)
Es ist am schnellsten und sieht auf dem Handy am besten aus. Gestalte die Karte als vertikales Bild im Format 9:16 oder 3:4 und lade sie an einen offentlichen Ort.
So geht's
- Wahle ein Design-Tool: Canva (kostenlos), Figma (kostenlos fur private Nutzung), Adobe Express (eingeschrankter Gratisplan) oder PowerPoint/Keynote, wenn du etwas nutzen willst, das du bereits kennst.
- Leinwandgrosse: 1080 x 1920 px (9:16) oder 1080 x 1350 px (4:5). Denke an vertikalen Handybildschirm.
- Typische Struktur:
- Kopfbereich mit Restaurantlogo und Namen.
- Vorspeisen / Hauptgange / Desserts / Getranke.
- Jedes Gericht mit: hervorstechender Name, kurze Beschreibung (1-2 Zeilen), Preis, Allergene falls zutreffend.
- Typografie: Nutze eine lesbare Schrift, ohne Schnorkel. Fur Fliesstext 18-22 px im Design (entspricht 14-16 px auf dem Bildschirm).
- Farben: Maximal 2-3. Heller Hintergrund, dunkler Text. Eine Akzentfarbe fur Preise oder Kategorien reservieren.
- Bilder: Nur wenn du professionelle Fotos hast. Ein kleines Foto pro Abschnitt ist mehr wert als eine Galerie.
- Als JPG speichern mit 80% Qualitat, maximal 500 KB. Lade auf Google Drive, Dropbox, Cloudflare R2 oder dein Hosting.
So veroffentlichst du sie
- Lade das Bild auf Google Drive hoch.
- Rechtsklick > Teilen > "Jeder mit dem Link" > "Betrachter".
- Kopiere den Link.
- Gehe zu unserem kostenlosen QR-Generator, fuge die URL ein.
- Lade als PNG 512 px oder SVG herunter.
- Laminiere und leg es auf den Tisch.
Option 2: Gut prasentiertes PDF
Sinnvoll, wenn du bereits ein PDF hast oder es bequemer findest, in InDesign, Word oder Google Docs zu arbeiten. Das Problem: PDF sieht auf dem Handy schlechter aus als ein optimiertes Bild, und der Kunde muss zoomen.
So geht's
- Erstelle das PDF in Google Docs, Word oder InDesign. Hochformat A4 oder quadratisch.
- Optimiere fur Web: Komprimiere Bilder, fug keine externen Schriftarten hinzu.
- Lade auf Google Drive und teile offentlich.
- Kopiere den Link und generiere den QR.
Wenn PDF deine einzige Option ist, mach es quadratisch (210x210 mm) statt A4, damit es auf Handybildschirmen besser aussieht.
Option 3: Responsive Webseite (beste langfristige Option)
Eine responsive Web ist die professionellste Version: Sie passt sich der Bildschirmgrosse an, du kannst Interaktivitat hinzufugen, und Google kann sie fur lokales SEO indexieren.
Kostenlose Tools dafur
- Carrd.co: Einmalzahlung 19 EUR/Jahr fur eigene Domain oder kostenlos mit Subdomain. Perfekt fur eine Karte.
- Notion + super.so: Notion als Editor, super.so macht es zu einer offentlichen Website. Kostenlos oder einfacher Bezahlplan.
- Google Sites: 100% kostenlos, einfach zu bedienen, Domain anpassbar. Eingeschrankt im Design.
- Vercel + Next.js oder Astro: Wenn du programmieren kannst oder maximale Flexibilitat willst. Kostenlos fur kleine Projekte.
- WordPress.com: Kostenlos mit Einschrankungen, Bezahlplan ab 4 EUR/Monat.
Empfohlene Struktur
/menu
/vorspeisen
/hauptgange
/desserts
/getranke
/allergene
Oder alles auf einer Seite, mit Ankern zu jedem Abschnitt.
So veroffentlichst du sie
- Designe und teste lokal.
- Verbinde eine Domain (deinkartenname.de oder karte.deinrestaurant.de).
- Veroffentliche auf Vercel, Netlify, Cloudflare Pages oder dem Hosting deiner Wahl.
- Aktiviere HTTPS (Pflicht, damit der QR auf dem Handy keine Warnung anzeigt).
- Kopiere die offentliche URL und generiere den QR.
Option 4: Eigene App (nur wenn du die Ressourcen hast)
Eine native App (iOS + Android) ist sinnvoll, wenn:
- Dein Restaurant Teil einer Kette mit mehreren Standorten ist.
- Du Bestellungen vom Tisch ins Kassensystem anbietest.
- Du Kundenbindung mit Benutzerkonten willst.
Aber fur ein kleines Restaurant zahlt sich der Aufwand nicht aus. Eine responsive Web deckt 95% der Falle ab.
Karteninhalt: Was du einbeziehen solltest
Unabhangig vom Format enthalt eine gute digitale Speisekarte:
- Restaurantname und Logo.
- Offnungszeiten und Adresse.
- Klare Kategorien: Vorspeisen, Hauptgange, Desserts, Getranke, Weinkarte.
- Gerichtname, kurze Beschreibung, Preis, Allergene.
- Empfehlungen des Kuchchefs oder Tagesangebote.
- Vegetarische / vegane / glutenfreie Optionen klar markiert.
- Kontakt und Links zu sozialen Medien.
- Stornierungsrichtlinie oder rechtlicher Hinweis, falls zutreffend.
Was sie nicht enthalten sollte:
- Endelose Gerichtelisten. Besser 30-40 gut ausgewahlte Gerichte als 80 mittelmassige.
- Versteckte Preise. Der Kunde will den Preis vor der Bestellung sehen.
- Unstrukturierter Text (eine Textwand). Nutze klare Kategorisierung.
Fehler, die Restaurants beim Digitalisieren ihrer Karte machen
- Fur Desktop statt Mobile designen: Die Karte sieht abgeschnitten aus, der Kunde zoomt, geht. Immer vertikal und mindestens 360 px Breite denken.
- Stockfoto statt echtes Foto: Der Kunde erkennt sofort ein Stockfoto. Wenn du keine professionellen Fotos hast, lieber ohne Fotos.
- Unkomprimiertes PDF: 5 MB PDF, das 10 Sekunden zum Laden braucht. Komprimiere alles auf unter 1 MB.
- Keine Allergen-Version: Allergene pro Gericht anzugeben ist in vielen Landern jetzt Pflicht.
- Kein "QR zum Ansehen der Karte"-Hinweis: Ein unbeschrifteter QR wird ignoriert.
- Sehr lange URL:
https://drive.google.com/file/d/1aBcDeFgHiJkLmNoPqRsTuVwXyZ/view?usp=sharingist unbrauchbar. Kurze mit einem Dienst wie bit.ly oder nutze deine eigene Domain.
So erstellst du eine kostenlose digitale Speisekarte: Zusammenfassung
- Sammle den Inhalt: Namen, Beschreibungen, Preise, Allergene, Fotos.
- Wahle das Format: JPG-Bild, PDF oder responsive Web.
- Designen: Nutze Canva, wenn du kein Designer bist. Vertikal, max. 3 Farben, lesbare Schrift.
- Auf eine offentliche URL hochladen: Google Drive, Dropbox, deine Website.
- Generiere den QR mit unserem kostenlosen Generator.
- Teste mit drei verschiedenen Handys unter realen Bedingungen.
- Drucke und laminiere die Tischfolie.
Fazit
Eine digitale Speisekarte fur dein Restaurant zu erstellen ist ein Nachmittagsprojekt, kein Wochenprojekt. Mit Canva oder Google Docs, einem gut gemachten Bild und unserem kostenlosen QR-Generator hast du eine moderne, aktualisierbare und professionelle Karte in weniger Zeit, als du fur den Druck der Papierversion brauchst.
Wenn du in die QR- und Druckmaterialien-Seite eintauchen willst, empfehlen wir unseren vollstandigen Leitfaden zu QR-Codes zum Drucken.