Mobile-first Relaunch mit Flutter
Ausgangslage
ON AG wollte die bestehende Web-App durch eine native Mobile-App ersetzen, um das Einkaufserlebnis zu verbessern und die Conversion-Rate zu steigern. Die bestehende Lösung war langsam, nicht offline-fähig und bot kein natives Look & Feel.
Herausforderung
Die größte Herausforderung war die Integration mit dem bestehenden Backend und der Zahlungsinfrastruktur. Gleichzeitig musste die App in unter 4 Monaten stehen — inklusive CI/CD-Pipeline und automatisierten Tests.
Lösung
Wir haben Flutter als Cross-Platform-Framework gewählt, um iOS und Android mit einer Codebase abzudecken. Die Architektur basiert auf Feature-Modulen mit klarer Dependency Injection.
| Metrik | Vorher (Web) | Nachher (App) |
|---|---|---|
| Cold Start | 3.2s | 0.8s |
| Bundle-Größe | 1.2 MB | 420 KB |
| Offline-Support | Nein | Ja |
| Push-Notifications | Nein | Ja |
Tech Stack
Ergebnis
Die App wurde termingerecht gelauncht und erreichte innerhalb von 3 Monaten über 120.000 Downloads. Die App-Store-Bewertung liegt stabil bei 4.8 Sternen.
Die App hat unsere Erwartungen übertroffen — sowohl in der Qualität als auch in der Geschwindigkeit der Umsetzung.
— CTO, ON AG
FAQ
Warum Flutter statt Native?
Flutter ermöglicht eine Codebase für iOS und Android bei nativer Performance. Das spart 40-60% Entwicklungszeit ohne Kompromisse bei der UX.
Wie lange dauerte das Projekt?
Von Kickoff bis App Store Launch vergingen 4 Monate — inklusive CI/CD-Pipeline, automatisierten Tests und Beta-Phase.
Wie wurde die API-Integration gelöst?
Wir haben eine BFF-Schicht (Backend for Frontend) gebaut, die die bestehende REST-API in optimierte GraphQL-Queries übersetzt.