Installion

Auftragsver-folgung

Damit Kunden, nachdem sie den Auftrag über die Installation einer Solaranlage erteilt haben, transparent über die Arbeitsabläufe informiert werden können, entstand die Idee eine digitale Auftragsverfolgung zu entwickeln. Ziel war es, dem Kunden den gesamten Prozess, von der Planung bis fertigen Installation der Solaranlage, nachvollziehbar darzustellen.

Der Screenshot zeigt wie das Projekt Auftragsverfolgung auf verschiedenen Geräten (Desktop, Tablet und Handy) aussieht

Meine Rolle

UI/UX Designerin

Team

1 Product Owner
2 Entwickler
1 Designer

Tools

Figma
Google Workspace

Zeitraum

6 Wochen

Herausforderung und Projektstart

Die zentrale Herausforderung bestand zunächst darin, die nötigen Informationen über die existierenden internen Prozesse einzuholen. Es galt herauszufinden, welche Informationen über welche Schritte dem Kunden überhaupt kommuniziert werden sollen. Ebenfalls kam die Frage auf über die technische Machbarkeit an bestimmte Informationen zeitnah zu kommen (bspw. Rücksprachen mit der Baustelle). Da all diese Informationen aktuell in der bestehenden Projektmanagement-Plattform zusammenlaufen, war eine enge Abstimmung mit verschiedenen Stakeholdern notwendig.Ich habe die Initiative ergriffen, um die nötige Klarheit zu schaffen, und mehrere Gespräche organisiert: Mit dem Entwickler klärte ich, auf welche Daten technisch zugegriffen werden kann. Parallel dazu tauschte ich mich mit dem Prozessmanager aus, der ein tiefes Verständnis für die internen Abläufe mitbrachte. In enger Abstimmung mit dem Product Owner konnten so die Grundlagen definiert werden, auf denen das Projekt anschließend starten konnte.Durch diese koordinierende Vorarbeit konnte ich sicherstellen, dass der Designprozess auf einer fundierten inhaltlichen und technischen Basis aufbaut.

Designprozess

Strukturierung des Arbeitsprozesses

Die Erkenntnisse aus den Gesprächen habe ich anschließend in einer strukturierten Tabelle festgehalten. Darin habe ich die einzelnen Prozessschritte sowie die jeweils dazugehörigen Status definiert, die später für Kund*innen sichtbar sein sollen. Diese Tabelle diente nicht nur als Ergebnisdokumentation, sondern auch als verbindliche Grundlage für alle Beteiligten: von Design über Entwicklung bis hin zum Produktmanagement.Sie stellte sicher, dass alle Projektbeteiligten denselben Informationsstand hatten. Dies erleichterte uns die Kommunikation erheblich und ermöglichte es mir, das Design gezielt weiterzuentwickeln und die technische Umsetzung konkret planen zu können.
Eine Tabelle der Prozessschritte ist zu sehen

Inspiration und Design

Für die Gestaltung der Auftragsverfolgung habe ich mich zunächst mit bestehenden Lösungen im Bereich der Sendungsverfolgung auseinandergesetzt, unter anderem von DHL, Hermes und DPD. Diese Systeme bieten eine klare visuelle Struktur und ermöglichen Nutzern, schnell zu erfassen, wo sich ihr Paket befindet. Genau dieses Prinzip wollte ich auf die komplexeren Abläufe eines Solaranlagen-Projekts übertragen.Ein zentrales Ziel im Designprozess war es, eine klare visuelle Hierarchie zu schaffen. Kunden sollten auf einen Blick die für sie wichtigsten Informationen erfassen können. Dazu gehören vor allem anstehende Termine, der aktuelle Projektstatus sowie die Kontaktinformationen ihres Projektmanagers. Diese Elemente wurden bewusst übersichtlich in drei Teile gegliedert.Die Farbgebung basiert auf einem von mir entwickelten Style Guide, der sich an den bestehenden Unternehmensfarben orientiert. Dadurch fügt sich das neue Feature visuell nahtlos in das Gesamtbild der Marke ein und stärkt die Wiedererkennbarkeit.
Bilder von Installateuren und Solaranlagen, Screenshots der Auftragsverfolgung von DHL, DPD und Hermes, sowie vom Styleguide von Installion

Finales Design

Im Folgenden sind die finalen Screens der Auftragsverfolgung zu sehen. Der Fokus lag neben einer klaren Informationshierarchie und dem wiedererkennbarem Erscheinungsbild auch auf einem responsivem Design.

Qualitätssicherung & Testing

Nach der Umsetzung der finalen Designs wurde die entwickelte Auftragsverfolgung umfassend getestet. Gemeinsam mit dem Product Owner habe ich eine detaillierte Anforderungstabelle erstellt, in der sämtliche Funktionen und UI-Elemente systematisch erfasst wurden. Diese diente als Grundlage für die manuelle Überprüfung der Anwendung auf allen drei Zielgeräten: Desktop, Tablet und Smartphone. Die wenigen Punkte, bei denen Abweichungen oder kleinere Fehler auftraten, wurden sorgfältig dokumentiert und an das Entwicklungsteam weitergegeben. Diese wurden zeitnah überarbeitet und korrigiert, sodass die Anwendung schließlich in einem stabilen und nutzerfreundlichen Zustand ausgeliefert werden konnte.

Learnings und Ausblick

Dieses Projekt hat mir bestätigt, wie wichtig eine enge Abstimmung zwischen Design, Entwicklung und Produktmanagement ist. Besonders dann, wenn bestehende Prozesse digital abgebildet werden sollen. Der frühe Austausch mit allen relevanten Stakeholdern war entscheidend, um fundierte Entscheidungen zu treffen und ein realistisches, nutzerzentriertes Konzept zu entwickeln.Ein wesentliches Learning war auch, wie hilfreich es ist, frühzeitig klare Anforderungen zu definieren und diese gemeinsam zu testen. Die Arbeit mit der Anforderungstabelle war nicht nur effektiv für die Qualitätssicherung, sondern hat auch die Kommunikation zwischen Design und Entwicklung erheblich erleichtert.