Zum Inhalt springen
DS Program

DS Menu

Eine digitale Speisekarte per QR-Code

DS Menu ist meine digitale Speisekarte für Bars und Restaurants. Gäste öffnen sie per QR-Code im Browser. Sechzehn fiktive Betriebe zeigen, wie unterschiedlich dieselbe Anwendung aussehen kann.

Typ
Digitale Speisekarte für die Gastronomie
Rolle
Design und Entwicklung
Status
Demo-Galerie
Demos
16 fiktive Betriebe
Sprachen
IT, ES, EN, DE, FR
  1. Restaurants
  2. Cafés und Süßes
  3. Abendgastronomie
  4. Strand und Veranstaltungen

Betriebe, Gerichte und Preise sind fiktiv.

Typ
Digitale Speisekarte für die Gastronomie
Rolle
Design und Entwicklung
Status
Demo-Galerie
Demos
16 fiktive Betriebe
Sprachen
IT, ES, EN, DE, FR
DS MENU ↘

Betriebe, Gerichte und Preise sind fiktiv.

Das System

Ein System, sechzehn Designs.

Restaurants, Cafés, Abendgastronomie und Strandbetriebe: Jede Demo hat eigene Farben, Schriften und Produktansichten. Dahinter läuft dieselbe Anwendung.

Betriebe, Gerichte und Preise sind fiktiv. Die Fotos sind lizenziert. Allergenangaben dienen nur der Demonstration.

Der QR-Code

Ein QR-Code. Ein Scan. Die ganze Speisekarte.

Gäste scannen den Code am Tisch, an der Theke oder auf einem Flyer. Die Speisekarte öffnet sich direkt im Browser, ohne App und ohne Registrierung.

  1. QR-Code zur DS-Menu-Galerie

    Scannen

    Den QR-Code mit dem Smartphone erfassen.

  2. FORNO 27, Pizzeria: Startansicht

    Öffnen

    Die Speisekarte erscheint im Browser in der gewählten Sprache.

  3. FORNO 27, Pizzeria: Produktdetails

    Auswählen

    Kategorien, Suche und Produktdetails mit Preisen, Zutaten und Allergenen.

Der QR-Code öffnet die DS-Menu-Galerie. Dort kannst du Deutsch auswählen.

So ist es aufgebaut

Eine Anwendung, ein Design je Betrieb.

  • Für das Smartphone gestaltet

    Die Gestaltung ist auf schmale Bildschirme ab 320 Pixel ausgelegt.

  • Fünf Sprachen

    Italienisch, Spanisch, Englisch, Deutsch und Französisch stehen in der Demo zur Auswahl.

  • Kategorien, Suche und Allergene

    Die untere Navigation führt zur Suche, zum Allergenfilter und zu den Informationen des Betriebs.

  • Produktdetails

    Größen, Preise, Zutaten und Allergene. Jedes Produkt hat eine eigene Adresse.

  • Direkt im Browser

    Die Karte öffnet sich per Link oder QR-Code, ohne App und Registrierung.

  • Eigener Auftritt

    Farben, Schrift und Kartenlayout passen zum jeweiligen Betrieb.

So ist es aufgebaut

Alle Demos nutzen dieselbe Anwendung. Jeder Betrieb liefert eigene Daten und ein eigenes Design mit Farben, Schrift und Kartenlayout.

Technologien
Next.js, React, TypeScript, Tailwind CSS, Netlify
Meine Rolle
Produktkonzeption, UX/UI, Entwicklung, Mehrsprachige Inhalte

Das Ergebnis

Sechzehn Demos, direkt auf deinem Smartphone.

  • Sechzehn Demos, die sich direkt auf dem Smartphone öffnen lassen.

Umfang der Demo

Die Galerie zeigt die Speisekarten für Gäste. Ein Verwaltungsbereich, Bestellungen und Zahlungen gehören nicht zur Demo. Ich kläre diese Funktionen im Einzelfall.

Betriebe und Gerichte sind fiktiv. Die Bildnachweise stehen in jeder Demo. Bei einer echten Speisekarte bestätigt der Betrieb Texte, Übersetzungen und Allergenangaben.

Brauchst du etwas Ähnliches?

Erzähl mir, wo du gerade stehst.