Zum Inhalt springen

Leistung / 06

App-Entwicklung & PWA. Handy zuerst: Speisekarte, Termin, Bestellung — ohne App Store.

Gäste scannen einen QR-Code und haben die Speisekarte auf dem Handy: mit Fotos, Allergenen, Tagesgerichten und Preisen, die Sie ändern, ohne neu zu drucken. Denselben Weg gehen Salons, Cafés und Boutiquen: Termine statt WhatsApp, Bestellen vor der Schlange, Drop und Waitlist. Das ist keine interne Webanwendung fürs Team — es ist die Oberfläche für Gäste, ohne Download aus dem Store. Wer eine App entwickeln lassen will, bekommt zuerst die Frage, welcher Weg das Problem am günstigsten löst. Meist die PWA.

Typische Ausgangslage

Woran Sie merken, dass es Zeit ist.

01

Die Papierkarte ist immer veraltet

Preise ändern sich, Gerichte sind aus, Allergene fehlen. Nachdrucken kostet, und Gäste fotografieren die Karte trotzdem mit dem Handy.

02

Niemand will eine App herunterladen

Für eine Speisekarte, einen Termin oder eine Bestellung extra den Store öffnen? Gäste tun das nicht. Eine PWA läuft direkt im Browser und lässt sich trotzdem auf den Homescreen legen.

03

Zwei native Apps, doppelte Kosten

iOS und Android getrennt zu entwickeln verdoppelt Aufwand, Wartung und jede spätere Änderung. Für die meisten Fälle reicht eine Codebasis.

Beispielentwürfe

So kann die App auf dem Handy aussehen.

Keine Kundenprojekte, sondern neun Entwürfe für neun Läden. Jeder mit eigener Schrift, Farbe und Stimmung, denn die App soll aussehen wie Ihr Laden, nicht wie eine Software von der Stange.

Sushi-Bar: dunkel, Foto zuerst

Schwarz, Weiß und ein Orange. Große Food-Fotos, Preis als Zahl, ein Button. Kōri Sushi Bar, Bornheim.

Startscreen der Sushi-PWA: vollflächiges Foto von Nigiri und Maki auf Schiefer, darunter die Zeile Lust auf Sushi? Einfach bestellen. mit kleinen Fotochips im Text und orangem Pfeilbutton
Start: Foto, ein Satz, ein Button.
Gericht-Detail Salmon Maki mit rauchendem Nigiri-Foto, Label Premium, Preis 24,50 in einer weißen Ecke, Stückzahl-Wahl 6, 8, 12 und Button In die Bestellung
Gericht: Preis groß, Stückzahl, in die Bestellung.
Übersicht der Sushi-PWA mit Begrüßung Guten Abend, Mira, zwei dunklen Karten mit runden Teller-Fotos, Angebot Omakase Platte und schwebender Tab-Leiste
Karte: Teller-Karten, Angebot, Tab-Leiste.

Bistro: hell, redaktionell

Creme, Serifen, viel Ruhe. Die Karte liest sich wie ein Posteingang, das Gericht wie ein Brief aus der Küche. Marlene, Nordend.

Onboarding der Bistro-PWA Marlene: cremefarbener Hintergrund mit silbriger Bogenform, Serifen-Headline Gute Küche. Kein Warten. Einfach bestellen. und Button Karte öffnen
Start: Serife, Silber, ein Satz.
Speisekarte der Bistro-PWA mit dunklem Kopf Guten Abend, Tisch 12, Suchfeld, Filter-Pills und Liste mit Zander vom Blech, Bete mit Ziegenkäse, Wiener Schnitzel und Schokoladentarte
Karte: dunkler Kopf, Liste, Filter.
Gericht-Detail Zander vom Blech als Brief der Küche mit Allergenen, zwei Beilagen als Anhänge und Button Bestellen
Gericht: als Brief, Beilagen als Anhang.

Salon: warm, mit Notizen

Beige, Sand, ein Hauch Salbei. Handschrift an den Rändern, Termine wie eine Tagesplanung. Solé Atelier, Westend.

Startscreen der Salon-PWA: Begrüßung Guten Morgen, Lena, handschriftliche Notiz Kleine Schritte, große Wirkung, Fortschrittskarte 3 von 5 Behandlungen, nächste Termine als Kartenreihe und Tagesliste
Start: Begrüßung, Fortschritt, nächste Termine.
Terminwahl der Salon-PWA mit Wochenleiste, ausgewähltem Donnerstag und Zeitslots von 9 bis 17:30 Uhr, darunter eine Notiz zur Vorbereitung auf das Glow Facial
Termin: Woche, Slots, Hinweis zur Vorbereitung.

Café: Gelb, Fotoraster

Wie eine Rezepte-App: großes Tagesfoto, quadratische Kacheln, gelber Akzent. Kaffeehaus No. 7, Charlottenburg.

Startscreen der Café-PWA mit Tages-Hero Carrot Cake und Cappuccino, Raster aus vier Fotokacheln mit Flat White, Croissant, Carrot Cake und Cortado sowie Tab-Leiste mit gelbem Akzent
Start: Tages-Duo, Kacheln, Stempel im Tab.
Getränk-Detail Flat White mit großem Foto, vier Kennzahlen Fertig in 6 Minuten, 240 ml, Hafer, hell geröstet, Optionen zum Anpassen und gelbem Button Bestellen 4,80 Euro
Getränk: Kennzahlen, Optionen, bestellen.

Yoga-Studio: Zahlen, Fortschritt

Weiß, System-Look, ein Gradient nur auf der Kennzahlen-Karte. Kurse buchen wie in einer iOS-Liste. Studio Nord.

Wochenübersicht der Yoga-PWA mit Karte 3 von 5 Kurse besucht auf warmem Gradient, Fortschrittsbalken, vier Kennzahlen und Liste der meistbesuchten Kurse
Woche: Kennzahlen-Karte, meistbesuchte Kurse.
Kurs buchen in der Yoga-PWA mit Suchfeld, Segment Heute, Morgen, Woche, gruppierter Liste nach Tageszeit mit freien Plätzen und orangem Button Vinyasa Flow buchen 7:30
Buchen: Liste nach Tageszeit, freie Plätze.

Feinkost: Abholen statt anstehen

Weiß, Grün, klare Kacheln. Vorbestellen, Abholzeit wählen, Theke ohne Schlange. Feinkost Brandt, Nordend.

Startscreen der Feinkost-PWA mit Abholort Feinkost Brandt Nordend, Suchfeld, Kategorien Brot, Käse, Antipasti, Wein, Karussell Heute frisch mit Holzofenbrot und Käsetheke sowie Liste Beliebt
Start: Abholort, Kategorien, heute frisch.
Ladenseite der Feinkost-PWA mit Foto der Theke, Abholzeit 12:30, Reitern Empfohlen, Brot, Käse, Antipasti, Wein, Produktliste mit Foto rechts und grünem Button Bestellung ansehen 21,30 Euro
Laden: Abholzeit, Reiter, Produkte, Bestellung.

Biergarten: dunkel, Gold, QR-Zahlung

Anthrazit, Karten in Grau, ein Gelb für Preise. Bestellung zusammenstellen, am Tisch per QR zahlen. Zum Anker.

Bestellübersicht der Biergarten-PWA mit drei Positionen Helles vom Fass, Brezn mit Obatzda und Pommes, Mengen-Steppern, Summe 25,30 Euro, Trinkgeld-Auswahl und goldenem Button Jetzt bezahlen
Bestellung: Mengen, Summe, Trinkgeld.
Bezahlscreen der Biergarten-PWA mit Betrag 25,30 Euro, großem QR-Code in einem goldenen Fortschrittsring, Bestellnummer 223 556 und Restzeit
Zahlen: Betrag, QR-Code, Countdown.

Blumenladen: Mint, rund, freundlich

Helles Mint, kräftiges Grün, weiche Radien. Strauß wählen, abholen oder liefern lassen. Blüte & Co., Bockenheim.

Willkommensscreen der Blumenladen-PWA mit freigestelltem Strauß aus Pfingstrosen und Ranunkeln, Hinweisen Heute gebunden und Lieferung bis 18 Uhr, Headline Frische Blumen, ohne Umweg. und grünem Button Los geht's
Start: Strauß, zwei Versprechen, ein Button.
Shop der Blumenladen-PWA mit Suchfeld, Kategorien Sträuße, Pflanzen, Hochzeit, Trauer, Raster aus vier Produktkarten mit Herz und grünem Plus sowie dunkler Leiste 1 Strauß 34 Euro, Abholen 17:00
Shop: Raster, Herz, Plus, Abholzeit.

Weinbar: Bordeaux, Gold, Serife

Weinrot, Gold, dünne Linien. Offene Weine als Karten, Empfehlung mit warmem Schimmer. Éclat, Sachsenhausen.

Startscreen der Weinbar-PWA mit dunklem Barfoto, goldenem Emblem, Wortmarke Éclat in Serife, Untertitel Weinbar Sachsenhausen und Umriss-Button Tisch reservieren
Start: Emblem, Wortmarke, reservieren.
Weinkarte der Weinbar-PWA mit Reitern Karte, Reservieren, Über uns, Headline Offene Weine, Filter-Chips und drei Karten mit Flaschenfoto, Region, Jahrgang, Glaspreis in Gold und schwebendem Warenkorb
Karte: offene Weine, Glaspreis, Empfehlung.

Was Sie bekommen

Konkret, nicht abstrakt.

  • Beratung: PWA, Cross-Platform oder nativ, mit ehrlicher Empfehlung
  • Mobile Oberfläche in Ihrem Design: Kategorien, Fotos, Allergene, Sprachen
  • QR-Codes pro Tisch oder Standort, optional Bestellung und Küchenansicht
  • Pflege der Inhalte ohne Entwickler: Gerichte, Preise, Verfügbarkeit
  • Hosting in der EU, Updates ohne Store-Review, Weiterentwicklung

Typische Beispiele

So kann das aussehen.

  • 01Digitale Speisekarte für Restaurant oder Café: QR auf dem Tisch, Fotos, Allergene, DE/EN
  • 02Beauty-Salon: Behandlungen, Preise, nächster Slot, ohne WhatsApp-Pingpong
  • 03Café oder Feinkost: Bestellen, Abholzeit wählen, Stempelkarte auf dem Homescreen
  • 04Weinbar oder Biergarten: Karte, Bestellung, am Tisch per QR-Code zahlen
  • 05Yoga-Studio: Kurse buchen, freie Plätze sehen, Fortschritt der Woche
  • 06Boutique oder Blumenladen: Shop, Abholung, Drop oder Waitlist

Eingesetzte Technologien

Alle Technologien

Häufige Fragen

Zu App-Entwicklung & PWA.

01Brauchen Gäste eine App aus dem App Store?

Nein. Die digitale Speisekarte ist eine Progressive Web App: QR-Code scannen, fertig. Wer möchte, legt sie auf den Homescreen. Store-Gebühren, Reviews und getrennte iOS-/Android-Apps entfallen.

02PWA oder native App: Was ist der Unterschied?

Eine Progressive Web App ist eine Webanwendung, die sich wie eine App installieren lässt, offline arbeitet und Benachrichtigungen senden kann, ohne App Store. Native oder Cross-Platform-Apps laufen als eigenes Programm auf dem Gerät und sind nötig, wenn tiefer Hardwarezugriff oder eine Store-Präsenz gefordert ist.

03Was kostet eine digitale Speisekarte oder App?

Eine PWA-Speisekarte mit Ihrem Design, Kategorien, Fotos und Allergenen ist ein überschaubares Projekt und schnell umgesetzt. Bestellung, Küchendisplay oder Anbindung an die Kasse kommen als Etappen dazu. Nach der Analyse erhalten Sie ein Angebot mit Festpreis. Die Ersteinschätzung ist kostenlos.

04Geht das auch für Salon, Café oder Boutique?

Ja. Dieselbe Technik, anderer Ablauf: Beauty bucht Termine statt WhatsApp, das Café nimmt Bestellungen vor der Schlange, die Boutique macht Drop und Waitlist. Design und Marke stehen vorne. Die App soll sich anfühlen wie der Laden, nicht wie eine Standard-Software.

05Kann ich Gerichte und Preise selbst ändern?

Ja. Sie bekommen eine einfache Pflege: Gerichte anlegen, ausblenden, Preise und Allergene anpassen, Fotos tauschen. Die QR-Codes auf den Tischen bleiben gleich. Salons und Cafés pflegen Behandlungen, Slots und Karte genauso selbst.

Welcher Ablauf kostet Sie heute
die meiste Zeit?

Eine kurze Beschreibung in eigenen Worten genügt, ohne Pflichtenheft und ohne Fachbegriffe. Innerhalb von 24 Stunden erhalten Sie eine erste Einschätzung: was sich lohnt, was nicht, und wie ein Weg aussehen könnte.