Neue Impulse durch eine Progressive-Web-App.

Als Web App Agentur entwickeln wir Software schneller und zuverlässiger und bieten Ihnen und Ihren Nutzer:innen damit eine bessere Erfahrung.

Kostenloses Beratungsgespräch vereinbaren

Was ist eine Progressive-Web-App?

Zu diesen neuartigen Features gehören der Zugriff auf die Funktionen der Endgeräte, wie Kamera, Mikrofon, Geo-Lokalisierung und Push-Nachrichten, sie benötigen nur geringen Speicherplatz trotz guter Performance und auch Updates sind ganz leicht über einen einfachen Dialog zu erledigen.

Eine PWA ist über eine URL im Internet zugänglich und wird im Browser ausgeführt, wodurch sie auf allen Betriebssystem verfügbar und unabhängig von App-Stores ist.
Bei einer PWA handelt es sich um eine neue Methode der App-Entwicklung, die ein weites Funktionsspektrum mit sich mit bringt.

Strategie

Digitalstrategie

Google Design Sprint

Innovation Workshops

Technologieberatung

Konzeption

Design

Jeder unserer Tätigkeiten geht unsere Philosophie aus Leidenschaft für Lösungsstrategien, Engagement für Weiterentwicklung und Kraft aus der Gemeinschaft voraus.

UX-Design

UI-Design

Webdesign

Websites

Apps

Entwicklung

Jeder unserer Tätigkeiten geht unsere Philosophie aus Leidenschaft für Lösungsstrategien, Engagement für Weiterentwicklung und Kraft aus der Gemeinschaft voraus.

Unternehmenswebsites

Microsites / Landingpages

Progressive Web Apps (PWAs) 

Chatbots & Helpdesk Systeme

Minimum Viable Products (MVPs)

Vorteile, die Ihnen
die PWA bietet.

Unabhängigkeit vom Netzwerk

Websites, die eine permanente Internetverbindung brauchen, können frustrierend sein. PWAs sind unabhängig vom Netzwerkstatus und benötigen so keinen direkten Internetzugang, wenn sie über den Startbildschirm eines Geräts gestartet werden. Sie laden beim Installieren alle Daten in den lokalen Speicher.

Kein Warten durch kurze Ladezeiten

Lange Ladenzeiten schrecken Nutzer:innen in der Regel ab. Dauert es länger als 3 Sekunden, steigt die Absprungrate der Website um ca. 53 %. PWA’s lösen dieses Problem, indem sie bereits geladene Daten auf dem Endgerät speichern und damit jederzeit benutzbar machen.

Ein persönliches Erlebnis

Apropos Absprungrate: Sorgen Sie dafür, dass Nutzer:innen auf ihrer Seite bleiben. Mit einem Startbildschirm-Symbol, Push-Benachrichtigungen, Zugriff auf Gerätefunktionen und mehr macht die PWA das Verwenden der Seite persönlicher und Benutzer:innen bleiben eher in der PWA, da sie die Erfahrung als angenehmer empfinden.

You get the best of both worlds.
Die Funktionen von Websites und Native Apps in einem, das geht? Mit der PWA lassen sich die Funktionen der beiden Varianten vereinen.

Web Page

Native App

PWA

Offline Modus

Direkte Installation

Push-Benachrichtigung

Cross-Kompatibilität

Automatische Updates

Zugang zu Gerätefunktionen

Synchronisierung im Hintergrund

Geringer Speicherplatz

Offline Modus

Direkte Installation

Push-Benachrichtigung

Cross-Kompatibilität

Automatische Updates

Zugang zu Gerätefunktionen

Synchronisierung im Hintergrund

Geringer Speicherplatz

Offline Modus

Direkte Installation

Push-Benachrichtigung

Cross-Kompatibilität

Automatische Updates

Zugang zu Gerätefunktionen

Synchronisierung im Hintergrund

Geringer Speicherplatz

Offline Modus

Direkte Installation

Push-Benachrichtigung

Cross-Kompatibilität

Automatische Updates

Zugang zu Gerätefunktionen

Synchronisierung im Hintergrund

Geringer Speicherplatz

Ziele und notwendige Schritte einer Progressive Web App
Was gilt es bei der Entwicklung einer Progressive Web App zu beachten?

(01)

Anwendungs-Shell aus HTML und CSS erstellen, diese stellt die grundlegende UI der PWA dar. Ziel ist die Trennung von UI und Daten für ein minimales Ladevolumen und maximale Performance.

(02)

Inhalte über Cache-Verwaltung durch Service Worker laden. Bei Service Workern handelt es sich um JavaScript, das der Browser im Hintergrund startet. Sie stellen für PWA’s notwendige Funktionen wie Caching und die Offline-Nutzung bereit. Service Worker erfassen Events und steuern Netzwerkanfragen. Sie speichern die App-Shell im Cache und verwalten das Content Caching im Hintergrund. Zusätzlich verwalten Service Worker die Web-Push-Benachrichtigungen.

(03)

Anwendungsmanifest als JSON-Datei definieren. Hier werden Symbol und Name der App für den Startbildschirm festgelegt, auch können Sie z.b. den Begrüßungsbildschirm definieren.
Welche Unternehmen benutzen PWA’s?
Branchen übergreifend werden PWAs eingesetzt. Ob Automobil, Shopping, Reisen oder im Dating.
Instagram
Facebook
Tinder
BMW
Pinterest
Nasa
Continental
Google Maps
Telegram