↑

LichtBlick

Handwerker
App

Die Handwerker App dient Monteuren als digitale Unterstützung bei der Installation von Solaranlagen. Der gesamte Bauprozess wurde durch die App digitalisiert und sorgt so für eine transparente Zusammenarbeit zwischen den involvierten Parteien. Die App ist ein Teil einer vollumfänglichen Projektmanagementplattform, die den gesamten Ablauf von der Auftragsannahme bis zur Fertigstellung abbildet.

Zwei Screenshots der Handwerker App übereinander gelegt.

Meine Rolle

UI/UX Designerin

Team

2 Product Owner
4 Entwickler
1 Designer

Tools

Figma
Miro
Jira
Scrum

Zeitraum

12 Monate

Die Herausforderung

Das Arbeitsumfeld der Handwerker beschränkt sich nicht auf eine typische Büroumgebung und stellt somit besondere Anforderungen an die App: Auf dem Dach, bei Wind, Regen, teilweise mit Handschuhen oder nur einhändig bedienbar.Bei der Installation von Solaranlagen gibt es zwei Arten von Aufgaben: Aufgaben, die parallel erledigt werden können und Aufgaben, die aufeinander aufbauen. Da mehrere Monteure gleichzeitig an verschiedenen Aufgaben parallel arbeiten können sollen, erhält jeder Mitarbeiter ein eigenes Endgerät mit der App. Die App muss somit parallele und sequentielle Arbeitsabläufe  abbilden können, damit der Baufortschritt für alle Beteiligten jederzeit transparent einsehbar ist.Eine weitere Herausforderung ist die zeitweise eingeschränkte Internetverbindung, beispielsweise bei Arbeiten im Keller. Daher soll die App auch offline zuverlässig funktionieren und Änderungen synchronisieren, sobald erneut eine Internetverbindung vorhanden ist.
Arbeitsablauf, Abhängigkeiten und Arbeitsumstände stehen visuell im Zusammenhang

Recherche und Erkenntnisse

Um ein umfängliches Verständnis für die Arbeit der Monteure und ihre spezifischen Bedürfnisse auf der Baustelle zu gewinnen, besuchten wir eine Baustelle zwei Tage. Durch dieses Jobshadowing konnten wir besser nachvollziehen, wie die einzelnen Arbeitsabläufe ineinander greifen. Wir wollten dadurch sicherstellen, dass wir den tatsächlichen Arbeitsablauf, die genutzten Hilfsmittel sowie auftretende Herausforderungen in der Praxis verstehen und den Mitarbeitern einen tatsächlichen Mehrwert durch die App bieten können.
Zwei Installateure sind zu sehen, wie sie auf dem Dach eine Solaranlage befestigen.
Beobachtungsmethoden:
Wichtigste Erkenntnisse:

Optimierungsbedarf:

Diese Erkenntnisse bildeten eine wesentliche Grundlage für die nutzerzentrierte Weiterentwicklung der App. Sie halfen dabei, Funktionen und Interfaces speziell auf die besonderen Bedingungen der Baustelle abzustimmen.
Ein Installateur steht auf einem Baugerüst und lächelt in die Kamera

Zielgruppe

Die App wurde speziell für Handwerker entwickelt, die Solaranlagen auf Dächern montieren, unabhängig von Alter, Geschlecht oder Berufserfahrung. Die Zielgruppe besteht aus Monteuren, die hauptsächlich im Team arbeiten, wobei immer mindestens ein erfahrener Facharbeiter anwesend ist. Die Handwerker benötigen präzise und prägnante Anleitungen, die bei einer effizienten Arbeitsweise und einer reibungslosen Zusammenarbeit im Team unterstützen. Besonders wichtig ist es, dass alle Teammitglieder, unabhängig von ihrem Erfahrungsstand, den Arbeitsablauf nachvollziehen und gemeinsam daran arbeiten können, ohne auf langwierige Erklärungen angewiesen zu sein.

Designprozess

Strukturierung des Arbeitsprozesses

Um die Arbeitsprozesse der Handwerker stets im Blick zu haben, haben wir diese detailliert ausgearbeitet, in verschiedene Aufgabentypen unterteilt und visuell dargestellt.Mehrere Aufgaben werden in einer Gruppe zusammengefasst. Die Gruppen stellen einzelne, größere Meilensteine auf der Baustelle dar.Ein zentraler Aspekt dabei bilden die möglichen Abhängigkeiten der Aufgaben untereinander: Einige Schritte erfordern zwingend eine Reihenfolge, während andere parallel bearbeitet werden können. 
Der gezeigte Bildausschnitt gibt einen Einblick in die Ausarbeitung eines Teilbereichs des Prozesses.
Die Struktur des Arbeitsablaufes ist zu sehen
App Struktur
Die komplexen Arbeitsabläufe übersetzte ich in eine klare und intuitive Navigationsstruktur, die die Handwerker schrittweise durch den Prozess führt.
Die grobe Strukturierung der App ist in Post-its dargestellt
Aufgabenstatus
Jede Aufgabe durchläuft dabei verschiedene Status, die den aktuellen Fortschritt widerspiegeln. So bleibt jederzeit nachvollziehbar, an welchem Punkt sich einzelne Aufgaben innerhalb des Prozesses befinden.
Die Status der Aufgaben sind abgebildet und beschrieben
Zu sehen ist ein Ausschnitt der Wireframes (sechs Screens)
Wireframes
Da die App in anspruchsvollen Situationen verwendet werden wird, richteten wir unser Hauptaugenmerk auf eine intuitive Benutzerführung, die den komplexen Arbeitsabläufen und den täglichen Hindernissen der Monteure gleichermaßen gerecht wird.Dafür habe ich die einzelnen Prozessschritte zunächst strukturiert und in einen klaren, linearen Ablauf übersetzt. Jeder Schritt wird in der App sichtbar hervorgehoben, sodass Nutzer sofort erkennen, was als Nächstes zu tun ist und welche Aufgaben parallel von anderen Teammitgliedern bearbeitet werden können.Besonderes Augenmerk lag auf der Bedienbarkeit: Buttons und Bedienelemente wurden bewusst größer gestaltet als üblich, damit sie auch mit Handschuhen oder einhändig präzise bedient werden können. Zudem habe ich ein Navigationskonzept entwickelt, das den schnellen Zugriff auf Informationen ermöglicht als ein Ersatz für die bisher genutzten DIN-A4-Blätter. Statt langem Suchen finden Monteure jetzt alle wichtigen Details kontextbezogen und sofort zugänglich.Die Wireframes halfen dabei, diese Anforderungen früh sichtbar zu machen und die User Experience iterativ auf die speziellen Arbeitsbedingungen abzustimmen.

Prototypen

Für das visuelle Design der App lag der Fokus auf Übersichtlichkeit und klarer Nutzerführung. Damit die Monteure auf einen Blick alle wichtigen Informationen erfassen können, wurde bewusst ein schlichtes, aufgeräumtes Design gewählt. Um den Status einzelner Aufgaben schnell erfassbar zu machen, kommen unterstützende Icons sowie eine bekannte Farblogik zum Einsatz: Grün steht für abgeschlossene Aufgaben, Gelb für Aufgaben in Bearbeitung und Rot für Aufgaben mit offenem Handlungsbedarf. So erkennt der Nutzer sofort, welche Aufgaben erledigt sind und wo nach etwas erledigt werden muss.Mit klickbaren Prototypen wurde der gesamte Bauprozess durchgespielt. Durch regelmäßige Meetings mit den Stakeholdern konnte dieser kontinuierlich überprüft und verbessert werden, um sicherzustellen, dass die App den Anforderungen gerecht wird.

Finales Design

Die finalen Screens vermitteln einen Eindruck davon, wie Konzept, Nutzerführung und visuelles Design zusammenkommen. Im Fokus steht eine funktionale, nutzerzentrierte Gestaltung, die den Arbeitsalltag der Monteure optimal unterstützt und komplexe Abläufe klar und verständlich abbildet.
Fünf exemplarische Screens der App sind zu sehen

Learnings und Ausblick

Durch dieses Projekt konnte ich wertvolle Erfahrungen in der Gestaltung von Anwendungen, die komplexe Prozesse vereinfacht abbilden, sammeln. Besonders die enge Orientierung an den realen Arbeitsbedingungen der Handwerker hat gezeigt, wie wichtig es ist, Nutzeranforderungen konsequent in Designentscheidungen zu berücksichtigen. Der enge Austausch mit den Handwerkern, den Stakeholdern und die iterative Gestaltung haben sich als entscheidende Hilfsmittel erwiesen.Um die App noch weiter zu verbessern, könnte nun erneut ein Jobshadowing durchgeführt werden, dieses Mal wird jedoch alles mit der App organisiert.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
© 2025 Elena Segalla I Designed and Crafted by me
ProjekteÜber michLebenslauf