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

Benachrichtigungen funktionieren nicht

Langsame Performance

Offline funktioniert nicht

App-Icon fehlt