Mobile Web-AppKonzept
Maris Speisekarte
Eine zweisprachige mobile Speisekarte für ein Café am Meer – schnell auf jedem Smartphone, vom Inhaber selbst pflegbar, ohne App-Installation.
Im Detail
Die Karte, auf dem Tisch.
Mockup im Smartphone-Rahmen, ein QR-Code am Tisch und die Allergen-Labels, die die Küche wirklich nutzt.
Überblick
Maris ist ein Konzept für ein Café am Meer in Çeşme: herzliche Gastfreundschaft, eine kleine, eingespielte Küche und eine gedruckte Karte, die sich kaum aktuell halten lässt. Das Briefing: weg mit dem Laminat, die Wärme bleibt.
Das Briefing
- Problem
- Eine gedruckte Karte, die am Tag des Laminierens schon veraltet ist.
- Vorgabe
- Sie muss auf jedem Smartphone in unter einer Sekunde öffnen – in praller Sonne und ohne App.
- Lösung
- Eine mobile Speisekarte in einem Scroll, die der Inhaber am Smartphone pflegt – geöffnet über einen Code auf jedem Tisch.
Eine digitale Speisekarte ist ihren Platz nur wert, wenn sie schneller ist, als jemandem eine Karte zu reichen. Das heißt: beim ersten Aufruf auf jedem Smartphone in unter einer Sekunde laden, beim Tippen auf eine Kategorie nie auf das Netz warten und in der Mittagssonne unter dem Sonnenschirm lesbar bleiben.
Wir haben die Karte als einen einzigen Scroll gestaltet: fixierte Kategorie-Chips, großzügige Fotos und Allergen-Labels direkt am Gericht statt versteckt in einer Legende. Die zweisprachigen Zeilen wechseln ohne Neuladen – dasselbe Gericht auf Türkisch und Englisch, nie zwei Versionen, die auseinanderlaufen.
Hinter dem Bildschirm pflegt der Inhaber Preise und Bestand vom Smartphone aus in der Küche. Jeder Tisch bekommt einen eigenen gedruckten QR-Code mit hinterlegter Tischnummer – nützlich, falls das Projekt später um Bestellungen wächst.
Über dieses Konzept
Dies ist ein Konzeptprojekt für einen fiktiven Kunden. Es zeigt den Prozess und den Anspruch, mit denen wir Kundenprojekte umsetzen.
Ansatz
Eine Karte, die sich wie das Café anfühlt.
Zuerst das Foto
Ein echtes Foto schlägt drei stilisierte Ausschnitte. Enges Raster, großzügige Abstände, keine Karussells.
Zweisprachig in einer Zeile
Türkisch oben, Englisch darunter, gleiche Zeilenhöhe. Keine der beiden Sprachen ist zweite Wahl.
Vom Inhaber pflegbar
Ein Smartphone im Team ist das CMS. Preis rauf, Gericht ausverkauft, neues Tagesgericht – in unter einer Minute.
Im Lieferumfang
Alles, was ein Café braucht. Nicht mehr.
Die Zahlen beziehen sich auf das Konzept-Briefing.
Tempo
< 0,8Sekunden bis zum ersten Laden
Statische Karte, am Edge gecacht. Nur das erste Antippen braucht das Netz.
Tische
Ein QR-Code für jeden Tisch
Ein druckbares QR-Blatt pro Tisch. Die URL weiß, wo der Gast sitzt.
Allergene
Am Gericht, nicht in der Legende
Gluten, Milch, Nüsse, Schalentiere – Labels direkt am Gericht, dort, wo der Gast ohnehin hinschaut.
Sprachen
2Sprachen, eine Karte
Umschalten im Header, die Wahl wird gespeichert. Gleicher Inhalt, zwei Stimmen.
Stack
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel
Selbst ausprobieren
Voll funktionsfähig, kein Standbild.
Öffnen Sie die Demo und nutzen Sie sie so, wie es ein Gast oder Kunde tun würde. Jeder Tap und jeder Tab funktioniert.