Progressive Web App erstellen: das Beste aus beiden Welten

Eine Progressive Web App läuft im Browser, verhält sich aber wie eine installierte Anwendung: eigenes Symbol auf dem Startbildschirm, Vollbild ohne Adressleiste, und je nach Aufbau auch dann bedienbar, wenn die Verbindung wegbricht. Für betriebliche Anwendungen ist sie meist die technisch richtige Antwort.

Enter drücken zum Absenden

Was eine PWA von einer Website unterscheidet

Eine Progressive Web App (PWA) ist eine Web-Anwendung mit App-Eigenschaften: Sie lässt sich auf dem Startbildschirm ablegen, startet im Vollbild mit eigenem Symbol und kann Daten zwischenspeichern, um kurze Verbindungsabbrüche zu überbrücken. Sie braucht keinen App-Store und läuft auf Android und iOS gleichermaßen.

add_to_home_screen
Symbol auf dem Startbildschirm

Die Anwendung wird abgelegt wie eine App und startet mit eigenem Symbol — ohne Store, ohne Installationspaket.

fullscreen
Vollbild ohne Adressleiste

Der Browser tritt in den Hintergrund. Im Alltag ist der Unterschied zu einer installierten App für die Nutzer kaum wahrnehmbar.

wifi_off
Kurze Verbindungsabbrüche überbrücken

Ein Zwischenspeicher hält die Anwendung bedienbar, wenn das Netz im Keller oder auf der Baustelle wegbricht.

sync
Ein Update für alle

Kein Nutzer bleibt auf einer alten Version. Bei häufigen Änderungen ist das der eigentliche Vorteil gegenüber Store-Apps.

Wann sich der PWA-Weg auszahlt

signal_wifi_off

Erfassung im Keller, in der Tiefgarage, auf dem Feld

Eingaben bleiben lokal erhalten und werden übertragen, sobald wieder Netz da ist. Ohne diesen Puffer geht die Erfassung verloren.

devices_other

Die Geräteflotte ist gemischt und teils alt

Der Browser ist auf jedem Gerät vorhanden. Eine Mindestversion des Betriebssystems ist damit selten das Hindernis.

published_with_changes

Es wird alle paar Tage etwas geändert

Jede Änderung durch ein Store-Verfahren zu schicken bremst genau die Betriebe aus, die ihre Anwendung tatsächlich weiterentwickeln.

Eine PWA, die mit Funklöchern rechnet

Der Unterschied zwischen Web-App und PWA zeigt sich genau dort, wo die Verbindung abreißt.

Prompt
Baue eine App für unsere Lieferfahrer. Jeder sieht seine Tour mit den Stopps in Reihenfolge, hakt die Übergabe ab, erfasst den Namen des Empfängers und macht bei Bedarf ein Foto der Abstellstelle. Im Funkloch soll das Abhaken weiter funktionieren und später automatisch übertragen werden, sobald wieder Netz da ist.

Das Datenmodell

touren fahrer_id,datum,status,stopps_gesamt,stopps_erledigt
stopps tour_id,reihenfolge,adresse,empfaenger,zeitfenster,status
uebergaben stopp_id,empfaenger_name,foto,quittiert_am,offline_erfasst
regel: zwischenspeicher erfassung ohne verbindung wird lokal gehalten
regel: abgleich uebertragung automatisch, sobald verbindung wieder besteht

So entsteht deine PWA

edit_note

Beschreib den Ablauf und wo Verbindung fehlen kann

smart_toy

Die KI baut die Anwendung samt Zwischenspeicher

rocket_launch

Nutzer legen sie auf dem Startbildschirm ab

PWA gegenüber den Alternativen

Native App Einfache Web-App PWA mit Chattee
Symbol auf dem Startbildschirm Ja Nein Ja
Vollbild ohne Adressleiste Ja Nein Ja
Funktion bei Verbindungsabbruch Ja Nein Ja, je nach Aufbau
App-Store nötig Ja Nein Nein
Zwei Entwicklungen Ja Nein Nein

Vergleichswerte aus öffentlich einsehbaren Marktpreisen und Chattee-Projekten. Stand: 29.08.2026.

Wann sich eine PWA besonders lohnt

signal_wifi_off
Arbeit an Orten mit schlechtem Netz

Keller, Tiefgaragen, ländliche Touren, Baustellen: überall dort, wo eine reine Online-Anwendung stehen bleibt.

event_repeat
Tägliche Nutzung durch dieselben Leute

Wenn dein Team die App jeden Tag öffnet, ist das Symbol auf dem Startbildschirm mehr wert als jede Store-Präsenz.

devices_other
Gemischte Geräteflotte

Alte Android-Tablets neben neuen iPhones: eine PWA stellt keine Ansprüche an Systemversionen wie eine native App.

update
Wenn Updates häufig sind

Eine Korrektur ist beim nächsten Öffnen bei allen da, ohne dass jemand etwas installiert.

Häufig gestellte Fragen

Bau deine PWA

Startbildschirm-Symbol, Vollbild, kein App-Store.

Jetzt loslegen arrow_forward