Blog News Kontakt Angebot anfordern

Bau · Außendienst · iOS + Android + Web

Sitewise: App für Bautrupps und Web-Admin, Konzept und klickbarer MVP-Prototyp

Ein zweiteiliges Produkt für ein Bauunternehmen. Die mobile App für Trupps umfasst Baustellen, Aufgaben mit Status, Fotoberichte und Schichterfassung. Der Web-Admin für Bauleiter und Büro umfasst Baustellen, ein Aufgaben-Kanban, Personal und Stundenzettel mit CSV-Export. Wir haben beide Teile konzipiert und einen verbundenen klickbaren Prototyp gebaut.

Mobile App für Trupps und Web-Admin in einem PrototypBaustellen mit Fortschritt, Aufgaben und FotoberichtenStatusänderungen von Aufgaben und Fotos direkt von der BaustelleSchichterfassung: Ein- und Ausstempeln pro BaustelleStundenzettel nach Mitarbeiter und Baustelle mit CSV-ExportBenachrichtigungen zu neuen Aufgaben und Fristen
Sitewise — MVP-Prototyp
SitewiseMVP-Prototyp
ProjekttypKonzept und klickbarer MVP-Prototyp
BrancheBau und Renovierung, Außendienst-Trupps
PlattformeniOS · Android · Web
UmfangMobile App + Web-Admin

Über das Produkt

Kurz gesagt: was das Produkt ist und für wen wir es entwickelt haben.

Sitewise ist das Produktkonzept für ein Bau- und Renovierungsunternehmen, das mehrere Baustellen gleichzeitig mit Trupps verschiedener Gewerke betreibt. Aufgaben werden über Messenger verteilt, Fotos gehen in Chats verloren, und die Arbeitsstunden werden am Wochenende von Hand zusammengetragen.

Wir haben eine mobile App für die Trupps zusammen mit einem Web-Admin für Bauleiter und Büro konzipiert und einen klickbaren Prototyp beider Teile gebaut. Über einen Umschalter oben im Prototyp lassen sich die Abläufe eines Mitarbeiters auf der Baustelle und die eines Managers am Schreibtisch durchgehen.

Die Aufgabe

Das Unternehmen wollte die gesamte Baustellenarbeit an einem Ort bündeln: wer was macht, in welchem Status jede Aufgabe ist, was die Fotos zeigen und wie viele Stunden geleistet wurden. Die Geschäftsführung brauchte einen Überblick über alle Baustellen ohne Anrufe bei den Vorarbeitern.

Die App für Mitarbeiter musste einfach sein: große Bedienelemente, wenig Text, bedienbar mit Handschuhen und unterwegs. Der Admin dagegen ist datenreich: Listen, Filter, ein Kanban-Board und Stundenzettel.

Projekt-Highlights

Baustellen. Eine Liste der Baustellen mit Adresse, Status, Aufgabenfortschritt, Anzahl der Fotos und Trupp. Im Admin werden Baustellen nach Status gefiltert, angelegt und Trupps zugewiesen.

Aufgaben. Mitarbeiter sehen ihre Aufgaben nach Baustelle, verschieben sie von „Zu erledigen“ über „In Arbeit“ nach „Erledigt“ und hängen Fotos von der Baustelle an. Im Admin liegen die Aufgaben auf einem Kanban-Board.

Zeiterfassung. Schicht mit einem Tap starten und beenden, inklusive Baustellenauswahl, mit Tages- und Wochensummen. Der Admin bietet Stundenzettel nach Mitarbeiter und Baustelle sowie CSV-Export für die Lohnabrechnung.

Benachrichtigungen. Neue Aufgaben, Baustellenzuweisungen und Fristen kommen direkt in der App an, sodass der Trupp keine Änderung verpasst.

Lösung und Vorgehen

Wir haben die Rollen definiert – Mitarbeiter, Vorarbeiter, Bauleiter, Büro – und für jede einen Satz von Abläufen erstellt. Der mobile Teil ist groß und kontrastreich, der Web-Teil dicht mit Tabellen und Karten, und beide teilen ein Designsystem mit gemeinsamer Farbpalette und gemeinsamen Status.

Der Prototyp öffnet sich per Link im Browser. Für das MVP empfehlen wir Flutter für die mobile App, React für den Web-Admin und ein Laravel-Backend mit PostgreSQL; Fotos liegen in einem Object Storage, Stundenzettel werden in das Buchhaltungs- oder ERP-System exportiert.

Tech-Stack

FigmaDesignsystem und Mockups für Mobile und Web
HTML · CSS · JSKlickbarer Prototyp beider Teile
FlutterFlutterEmpfohlener Stack für die mobile AppReactReactEmpfohlener Stack für den Web-AdminLaravelLaravelEmpfohlenes Backend: Aufgaben, Schichten, Stundenzettel
PostgreSQL · S3Baustellendaten und Speicherung der Fotoberichte

Warum beide Teile in einem Prototyp

Der Wert des Produkts zeigt sich dort, wo Rollen aufeinandertreffen: Ein Mitarbeiter markiert eine Aufgabe als erledigt und hängt ein Foto an, und der Bauleiter sieht das sofort im Admin. Deshalb haben wir beide Teile in einen Prototyp gebaut, verbunden durch gemeinsame Daten – dieselben Baustellen, Aufgaben und Personen.

So kann der Kunde den gesamten Prozess durchgängig prüfen, von der Aufgabe auf der Baustelle bis zum Stundenzettel in der Lohnabrechnung, und den MVP-Umfang vor der Entwicklung abstimmen.

Funktionen des Produkts

Die zentralen Funktionen, mit denen die geschäftliche Aufgabe gelöst wurde.

Baustellen

Adresse, Status, Fortschritt, Fotos und Trupp

Aufgaben

Status und Fotos von der Baustelle

Kanban

Aufgaben aller Baustellen auf einem Board

Schichterfassung

Ein- und Ausstempeln pro Baustelle

Stundenzettel

Nach Mitarbeiter und Baustelle, CSV-Export

Personal

Rollen, Kontakte und Auslastung

Benachrichtigungen

Neue Aufgaben und Fristen

So funktioniert es

Die wichtigsten Screens des Prototyps – Schritt für Schritt.

Sitewise: Baustellen des Trupps

Baustellen des Trupps

Mitarbeiter sehen die Baustellen, denen sie zugewiesen sind: ein Foto der Baustelle, Adresse, Aufgabenfortschritt, Anzahl der Fotoberichte und Personen. Oben steht das Banner der laufenden Schicht mit Timer.

Die Baustellenkarte führt zu Aufgaben und Fotogalerie – alles zu einer Baustelle an einem Ort.

Sitewise: Aufgabe und Statuswechsel

Aufgabe und Statuswechsel

Der Aufgaben-Screen zeigt Verantwortlichen, Fälligkeitsdatum, Ersteller und aktuellen Status. Der Mitarbeiter ändert den Status mit einem Tap und hängt Fotos von der Baustelle an.

Änderungen erscheinen beim Bauleiter sofort im Web-Admin – ohne Anrufe oder Nachrichten.

Sitewise: Zeiterfassung

Zeiterfassung

Schicht mit einem Tap starten und beenden, inklusive Baustellenauswahl. Darunter stehen die Stunden von heute und dieser Woche, ein Tagesdiagramm und die Schichthistorie.

Diese Daten fließen in die Stundenzettel, die das Büro im Admin sieht.

Sitewise: Web-Admin: Dashboard

Web-Admin: Dashboard

Ein Überblick über alle Baustellen: was geplant, in Arbeit und erledigt ist, Baustellen nach Status mit Aufgabenfortschritt und eine Liste, wer gerade im Dienst ist.

Der Bauleiter sieht, wo die Arbeit vorankommt und wo sie stockt – ohne Anrufe bei den Vorarbeitern.

Sitewise: Web-Admin: Stundenzettel

Web-Admin: Stundenzettel

Die Stunden aus der mobilen Schichterfassung fließen in Stundenzettel nach Mitarbeiter oder Baustelle, filterbar nach Woche, Baustelle und Personen.

Stundenzettel werden für die Lohnabrechnung als CSV exportiert.

Klickbarer Prototyp: Sitewise

Der Prototyp öffnet sich im Browser, eine Installation ist nicht nötig. Gehen Sie die Abläufe selbst durch: Die Screens sind verknüpft, Buttons, Felder, Sheets und Fehlerzustände funktionieren. Am besten auf dem Smartphone ansehen; auf dem Desktop erscheint er im Geräterahmen.

Prototyp Sitewise öffnen ↗

Mitarbeiter- und Baustellendaten

Das Produkt speichert Mitarbeiterdaten, Arbeitszeiten und Baustellenfotos. Der Zugriff ist rollenbasiert: Mitarbeiter sehen nur ihre eigenen Baustellen und Aufgaben, Bauleiter ihre Baustellen und das Büro alles.

In der Entwicklung richtet sich die Verarbeitung personenbezogener Daten nach der Rechtsordnung des Kunden – DSGVO in der EU und geltende bundesstaatliche Datenschutzgesetze in den USA –, Fotos und Stundenzettel werden auf den Servern des Unternehmens oder in einer Cloud seiner Wahl gespeichert.

In Zahlen

2Teile: Mobile und Web
7Bereiche im Web-Admin
3Aufgabenstatus
0Installationen zum Ausprobieren

Ein verbundener klickbarer Prototyp aus mobiler App und Web-Admin.

Baustellen mit Fortschritt, Aufgaben, Fotos und Trupp.

Statusänderungen von Aufgaben und Fotoberichte von der Baustelle.

Schichterfassung mit Baustellenauswahl und Historie.

Aufgaben-Kanban, Personal und CSV-Export der Stundenzettel im Admin.

Der Prototyp öffnet sich per Link im Browser.

Häufig gestellte Fragen

Für welche Unternehmen ist Sitewise gedacht?

Für Bau-, Renovierungs- und Montageunternehmen mit mehreren Baustellen und Trupps sowie für jeden Außendienstbetrieb, der Aufgaben verteilen, Fotoberichte sammeln und Arbeitszeiten erfassen muss.

Kann ich den Prototyp ausprobieren?

Ja. Der Link zum Prototyp befindet sich auf dieser Seite, er läuft im Browser.

Lassen sich Stundenzettel in unser Buchhaltungs- oder ERP-System exportieren?

Ja. Der Prototyp zeigt den CSV-Export; in der Entwicklung können Stundenzettel per API an Ihr Buchhaltungs- oder ERP-System übertragen werden.

Funktioniert die App auf der Baustelle auch offline?

Für das MVP empfehlen wir einen Offline-Modus: Aufgaben und Schichten werden auf dem Smartphone gespeichert und synchronisiert, sobald eine Verbindung besteht.

Was kostet die Entwicklung einer App für Bautrupps?

Auf Basis eines fertigen Prototyps schätzen wir Zeitplan und Budget des MVP innerhalb von 1–2 Werktagen. Die Kosten hängen von der Anzahl der Rollen, den Integrationen und den Offline-Abläufen ab.

Vertraut von Produktteams in den USA und Europa

Unternehmen aus Handel, Medtech, Logistik und E-Commerce, denen wir mit digitalen Produkten geholfen haben.

SuperStep logo
Unilab logo
Plonq logo
Galamart logo
GROM Security logo
Move2Armenia logo
Moscow Windows logo
Fork & Spoon logo
Konga logo
xRouten logo
REHAU logo
AIS logo

Leistungen von YuSMP Group

Das gesamte Spektrum der Entwicklung — von nativen Mobile-Apps über Webplattformen bis zu KI und Cloud. Wählen Sie eine Richtung oder beauftragen Sie ein Projekt schlüsselfertig.

Mobile App-Entwicklung

Native iOS & Android sowie plattformübergreifendes Flutter und React Native — von MVPs bis zu Apps mit Millionen von Installationen.

Mehr erfahren

iOS-Entwicklung

Native Swift / SwiftUI iOS-Apps — mit Apple Pay, Sign in with Apple, App-Store-Connect-Deployment-Pipelines.

Mehr erfahren

Android-Entwicklung

Native Kotlin / Jetpack Compose Android-Apps — Material 3, Google-Play-Release-Pipelines, Firebase-Integration.

Mehr erfahren

Flutter-Entwicklung

Einheitliche Dart-Codebasis für iOS, Android, Web und Desktop — mit nativen Modulen wo nötig.

Mehr erfahren

Webanwendungsentwicklung

Produktions-Webanwendungen auf React, Next.js, Vue und Node — SaaS-Dashboards, B2B-Portale, Marketing-Conversion-Stacks.

Mehr erfahren

API-Entwicklung

REST-, GraphQL- und gRPC-APIs — für Partner, Mobile Clients und interne Microservices konzipiert.

Mehr erfahren

Individuelle Softwareentwicklung

Maßgeschneiderte Plattformen für Mittelstand und Enterprise — interne Tools, vertikale SaaS, geschäftskritische Backends. Von Discovery bis Launch in 12–36 Wochen.

Mehr erfahren

MVP-Entwicklung

Fokussierte MVPs in 12–20 Wochen — ein bis zwei Integrationen, echte Nutzer am ersten Tag, Telemetrie eingebaut.

Mehr erfahren

Product Engineering

End-to-End-Verantwortung für ein digitales Produkt — Design, Entwicklung, Launch und kontinuierliche Evolution.

Mehr erfahren

KI-Agenten-Entwicklung

Tool-nutzende Agenten, die planen, abrufen, handeln und sich selbst evaluieren — im Kundenservice, der Ops-Automatisierung und internen Copilots.

Mehr erfahren

Cloud & DevOps

AWS-, Azure- und GCP-Architektur, Kubernetes, Terraform/Pulumi, CI/CD und Observability — SRE-Betrieb für Produktteams.

Mehr erfahren

Technisches SEO & Wachstum

Technisches SEO, Core Web Vitals, strukturierte Daten, interne Linkarchitektur — in Ihren Engineering-Prozess eingebaut.

Mehr erfahren

Sie brauchen ein Produkt für Außendienst-Trupps? Starten wir mit einem Prototyp

Schicken Sie uns Ihre Idee: Wir skizzieren die zentralen Nutzerabläufe, bauen einen klickbaren Prototyp und schätzen Zeitplan und Budget des MVP innerhalb von 1–2 Werktagen.

Angebot anfordern

Teilen Sie uns einige Details mit, und ein Senior-Consultant antwortet innerhalb eines Werktages.

Kostenlose Projektschätzung – Sie erhalten innerhalb von 1–2 Werktagen einen Plan.
  • Analyse der Anforderungen und Empfehlungen zum Tech-Stack
  • Schätzung von Zeitrahmen, Budget und Teamzusammensetzung
  • Unverbindlich – einfach ein klarer Plan

E-Mail: sales@yusmpgroup.com

Telefon: +374 44 871 811

Büros: KAMAR Business Center, Vazgen Sargsyan Str. 2, Yerevan, Armenien · Remote — Überlappung mit der US-Ostküste (9–13 Uhr ET)

– Pflichtfelder