Mobile App Features

Die Webseite funktioniert wie eine native App auf Ihrem Telefon mit Installieren-zum-Startbildschirm, Offline-Support und Push-Benachrichtigungen.

Progressive Web App (PWA)

Was ist eine PWA?

Eine Progressive Web App:

Funktioniert in Ihrem Browser aber fühlt sich wie eine App an
Kann auf Ihrem Startbildschirm "installiert" werden
Funktioniert offline (eingeschränkte Funktionalität)
Lädt schnell nach erstem Besuch
Unterstützt Push-Benachrichtigungen

Vorteile

Sofortiger Zugriff vom Startbildschirm
Kein App-Store-Download nötig
Schneller als Browser öffnen
Push-Benachrichtigungen für Bestellupdates
Funktioniert auf allen Geräten

Zum Startbildschirm hinzufügen

Auf iPhone (Safari)

Schritt 1: Öffnen Sie die Restaurant-Webseite in Safari

Schritt 2: Tippen Sie den Teilen-Button (Quadrat mit Pfeil)

Schritt 3: Scrollen Sie runter und tippen Sie Zum Home-Bildschirm

Schritt 4: Bearbeiten Sie den Namen falls gewünscht

Schritt 5: Tippen Sie Hinzufügen

Schritt 6: App-Icon erscheint auf Ihrem Startbildschirm

Auf Android (Chrome)

Schritt 1: Öffnen Sie die Restaurant-Webseite in Chrome

Schritt 2: Tippen Sie den Menü-Button (drei Punkte)

Schritt 3: Tippen Sie Zum Startbildschirm hinzufügen oder App installieren

Schritt 4: Bestätigen Sie Installation

Schritt 5: App-Icon erscheint auf Ihrem Startbildschirm

Installationsaufforderung

Browser kann automatisch zur Installation auffordern
"Zum Startbildschirm hinzufügen" Banner erscheint
Tippen zum Installieren oder Schließen

App-ähnliches Erlebnis

Vollbildmodus

Wenn vom Startbildschirm geöffnet:

Keine Browser-Adressleiste
Vollbild-Oberfläche
Restaurant-Markenfarben
Fühlt sich wie native App an

Schnelles Laden

Nach erstem Besuch:

Assets lokal gecached
Seiten laden sofort
Funktioniert auf langsamen Verbindungen
Flüssige Navigation

Offline-Support

Ohne Internetverbindung:

Menü ansehbar (wenn gecached)
Vorherige Bestellungen sichtbar
Warenkorb erhalten
Bestellungen warten bis online

Einschränkungen

Kann keine neuen Bestellungen offline aufgeben
Echtzeit-Updates nicht verfügbar
Manche Features brauchen Verbindung

Push-Benachrichtigungen

Was Sie empfangen werden

Bestellbestätigung
"Bestellung wird zubereitet"
"Bestellung ist bereit zur Abholung"
"Bestellung ist unterwegs"
"Bestellung geliefert"

Benachrichtigungen aktivieren

Schritt 1: Browser fragt nach Erlaubnis beim ersten Besuch

Schritt 2: Tippen Sie Erlauben um Benachrichtigungen zu aktivieren

Schritt 3: Benachrichtigungen nun aktiv

Schritt 4: Jederzeit in Telefoneinstellungen verwalten

Benachrichtigungseinstellungen

Steuern Sie was Sie empfangen:

Bestellupdates (empfohlen)
Marketingnachrichten (optional)
Promotionsangebote (optional)

Mobil-Optimiertes Design

Touch-Oberfläche

Große Tippziele für einfache Interaktion
Wischgesten unterstützt
Runterziehen zum Aktualisieren
Flüssiges Scrollen

Responsives Layout

Passt sich allen Bildschirmgrößen an
Hoch- und Querformat-Support
Lesbarer Text auf jedem Gerät
Bilder skalieren richtig

Mobile Navigation

Hamburger-Menü für einfachen Zugriff
Unterer Warenkorb-Button immer sichtbar
Fixierter Header für Navigation
Vereinfachter Checkout-Ablauf

Performance-Features

Geschwindigkeitsoptimierungen

Komprimierte Bilder
Lazy Loading (Bilder laden bei Bedarf)
Effizienter Code
CDN-Auslieferung

Dateneffizienz

Minimale Datennutzung
Smart Caching
Lädt nur was nötig ist
Batterieeffizient

Fehlerbehebung

Kann PWA nicht installieren

Ursache	Lösung
Bereits installiert	Startbildschirm prüfen
Falscher Browser	Safari (iOS) oder Chrome (Android) nutzen
Privates Surfen	Inkognito-Modus verlassen
Altes Gerät	Unterstützt evtl. keine PWA-Features

Benachrichtigungen funktionieren nicht

Ursache	Lösung
Erlaubnis verweigert	In Geräteeinstellungen aktivieren
Nicht Stören	Telefon-Benachrichtigungseinstellungen prüfen
PWA nicht installiert	Für besseren Benachrichtigungssupport installieren

Langsame Performance

Ursache	Lösung
Alter Cache	Browserdaten leeren
Speicher voll	Gerätespeicher freigeben
Schwache Verbindung	Besseres Signal finden

Offline funktioniert nicht

Ursache	Lösung
Nie online besucht	Braucht Online-Besuch zuerst zum Cachen
Cache geleert	Wiederbesuchen während online
Nicht PWA nutzend	Vom Startbildschirm-Icon öffnen

App-Icon fehlt

Ursache	Lösung
Nicht installiert	Installationsschritten oben folgen
Versteckt	In App-Schublade suchen
Verschoben	Alle Startbildschirm-Seiten prüfen