KlarDev Webentwicklung
Mobile Development

Mobile Companion App

Native iOS- und Android-App, die die Funktionalitäten der Haupt-Webplattform erweitert. Gebaut mit Flutter für maximale Performance и native UX.

Herausforderung

Fehlender mobiler Zugriff und native Funktionen

Der Haupt-Webservice war nicht für mobile Geräte optimiert. Benutzer verlangten nach Push-Benachrichtigungen, flüssigen Animationen und schnellem Zugriff auf ihre Daten.

Geringe Benutzerbindung

Benutzer konnten nicht schnell auf Ereignisse reagieren, da eine mobile App mit Echtzeit-Benachrichtigungen fehlte.

Performance-Ansprüche

Die mobile Lösung musste sich "nativ" anfühlen – mit 60 FPS Animationen und kurzen Ladezeiten.

Hohe Entwicklungskosten

Zwei separate Teams für iOS und Android waren zu teuer; eine performante Cross-Plattform-Lösung war nötig.

Offline-Verfügbarkeit

Wichtige Daten mussten auch ohne stabile Internetverbindung jederzeit abrufbar sein.

Lösungsansätze

1. Cross-Plattform-Exzellenz mit Flutter

Wir haben uns für Flutter entschieden, um eine hochperformante App mit einer einzigen Codebasis für iOS und Android zu erstellen. Dank der Skia-Engine bietet die App eine absolut flüssige Benutzeroberfläche. Die gesamte Geschäftslogik wurde in Dart implementiert, was durch starke Typisierung die Fehlerquote drastisch senkt.
notification_card.dart
import 'package:flutter/material.dart';

class NotificationCard extends StatelessWidget {
  final String title;
  final String body;

  const NotificationCard({super.key, required this.title, required this.body});

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
      child: ListTile(
        leading: const Icon(Icons.notifications_active, color: Colors.blue),
        title: Text(title, style: const TextStyle(fontWeight: FontWeight.bold)),
        subtitle: Text(body),
      ),
    );
  }
}

2. GraphQL & Local Persistence

Für den Datenaustausch wurde ein GraphQL-Client (Ferry) integriert, um Overfetching zu vermeiden. Zudem wurde eine lokale SQLite-Datenbank implementiert, die alle wichtigen Daten cached, sodass die App sofort einsatzbereit ist (Offline-First-Ansatz).

Biometrischer Login

Integration von local_auth für sicheren Zugriff via Face ID oder Fingerabdruck-Sensor.

Custom UI Kit

Entwicklung eines eigenen Widget-Sets, das das Brand-Design perfekt auf mobile Geräte überträgt.

BLoC Pattern

Saubere Trennung von UI и Logik durch das Business Logic Component Pattern für bessere Testbarkeit.

Automated Releases

Vollautomatisierte Deployment-Pipeline mit Fastlane und GitHub Actions für beide App Stores.

Projektstart

Bereit für den nächsten Schritt?

Unverbindlich, strukturiert und ohne Verkaufsdruck

Bereit für den nächsten Schritt?

Beschreiben Sie kurz Ihr Vorhaben. Sie erhalten eine konkrete Ersteinschätzung zu Machbarkeit, Budget und Timeline — in der Regel innerhalb von 24h.

Antwortgarantie

Ihre Daten sind sicher (DSGVO-konform). Keine Kaltakquise.