Ecosystem: App, Web-Dashboard und Backend

Baustellenplaner

Für ein Glasfaser-Tiefbauunternehmen habe ich ein komplettes digitales Ecosystem entwickelt: eine mobile App für Android und iOS, ein Web-Dashboard für die Verwaltung und ein leistungsstarkes Backend. Alles aus einer einheitlichen Codebasis. Das System ersetzt veraltete Prozesse und WhatsApp-Workflows durch eine durchdachte, digitale Lösung für Büro und Baustelle.

Baustellenplaner
01

Über das Projekt

Der Baustellenplaner ist mehr als eine App. Es ist ein komplettes Ecosystem für die Verwaltung und Dokumentation von Glasfaser-Hausanschlüssen. Alle Komponenten greifen nahtlos ineinander und basieren auf einer gemeinsamen Codebasis.

  • Mobile App (Android & iOS) für Bauarbeiter: Fotos, Skizzen und Notizen direkt vor Ort dokumentieren, auch ohne Internetverbindung.
  • Web-Dashboard für Admins: Aufträge verwalten, Kolonnen einplanen, CSV-Import/Export und Abrechnung.
  • Serverpod-Backend: Verbindet App und Dashboard, synchronisiert Daten zuverlässig und sorgt für konsistente Workflows.
  • Automatische Foto-Benennung nach Straße und Hausnummer.
  • Statusverwaltung mit konfigurierbaren Workflows und Tag-basierter Filterung.

Beim Design war von Anfang an klar: Das ist ein Werkzeug, kein Showpiece. Die App muss auf der Baustelle funktionieren, mit dreckigen Händen und schlechtem Licht. Große Buttons, klare Struktur, kein Schnickschnack. Sie soll keinen Designpreis gewinnen, sondern den Arbeitsalltag einfacher machen.

Das Ergebnis: Ein System, in dem Büro und Baustelle zusammenarbeiten. Die Einarbeitung für alle Beteiligten ist minimal.

About Project
02

Technische Details

Technische Umsetzung

Das gesamte Ecosystem wurde in Full-Stack Dart umgesetzt. Eine einzige Sprache für App, Web-Dashboard und Backend. Das ermöglicht schnelle Iterationen und eine saubere, wartbare Codebasis.

  • Flutter-App (Android, iOS & Web) mit Clean Architecture und BLoC-Pattern.
  • Serverpod-Backend (Full-Stack Dart) mit PostgreSQL und Redis.
  • Offline-First: SQLite-Caching mit WorkManager für Hintergrund-Synchronisation.
  • CSV-Import mit Upsert-Logik anhand der Auftragsnummer.
  • PDF-Generierung für Berichte und Abrechnungen.
  • Rollenbasierte Zugriffskontrolle (Admin vs. Bauarbeiter).

Herausforderungen

Die größte Herausforderung war die Offline-Fähigkeit. Auf Baustellen gibt es oft kein stabiles Internet. Die App muss Daten lokal speichern und bei Verbindung zuverlässig synchronisieren, ohne Datenverlust und ohne Konflikte.

Durch Full-Stack Dart konnte ich Änderungen am Datenmodell in Minuten statt Stunden umsetzen. Eine Änderung wirkt sich sofort auf App, Dashboard und Backend aus.

Technical Details
03

Ergebnisse

Ergebnisse

Das Ecosystem befindet sich in der Einführungsphase beim Kunden:

  • Kompletter Ersatz veralteter, manueller Prozesse durch ein einheitliches System.
  • Strukturierte Baudokumentation statt WhatsApp-Chaos.
  • Effizientere Kolonnen-Planung und Auftragsverwaltung über das Web-Dashboard.
  • Zuverlässige Offline-Dokumentation auf der Baustelle mit automatischer Synchronisation.

In einer geplanten sechsmonatigen Integrationsphase wird das System gemeinsam mit dem Kunden im Tagesgeschäft weiter optimiert. Das Ziel: eine Software, die exakt auf die Abläufe und Anforderungen dieses Unternehmens zugeschnitten ist, damit jeder Handgriff sitzt und im Alltag echte Zeit gespart wird.

Moderne Technologien machen es heute möglich, solche maßgeschneiderten Lösungen schnell und kostengünstig zu realisieren. Unternehmen können so ihre Prozesse und ihren kompletten Arbeitsalltag nachhaltig verbessern, mit Software, die wirklich zu ihnen passt.

Project Results

Let's Connect! 🚀

Ready für dein nächstes Projekt?
Lass uns durchstarten!

Lass uns starten

Erzähl mir von deiner Vision – schreib mir einfach per Mail oder über das Kontaktformular. Lass uns gemeinsam deinen digitalen Erfolg planen! 💪