Herausforderung
Um die innerbetriebliche Akzeptanz eines datengetriebenen Ansatzes zur Portfolioplanung zu erhöhen, sollte ein benutzerfreundliches und visuell ansprechendes Frontend für einen von uns entwickelten Optimierungsalgorithmus gebaut werden. Dieses Frontend sollte komplexe und zusammenhängende Dateninputs zur Szenarienplanung verarbeiten und die Ergebnisse verschiedener Szenarien visuell darstellen und vergleichbar machen. Ein weiterer wichtiger Aspekt war die Fähigkeit, die Anwendung auch während laufender Optimierungsprozesse im Hintergrund nutzen zu können. Zudem musste das Frontend flexibel genug sein, um auf neue Planungsansätze angepasst werden zu können.
Ansatz
Wir entwickelten das Design iterativ mit dem Kunden mithilfe des Tools Figma, um sicherzustellen, dass das Design den Anforderungen und Erwartungen der Stakeholder gerecht wird. Durch regelmäßige Feedbackschleifen konnten wir die Stakeholder kontinuierlich einbeziehen und sicherstellen, dass das Endprodukt ihren Bedürfnissen entspricht.
Für die Entwicklung des Frontends setzten wir eine Single Page Application (SPA) mit TypeScript und React ein. Die Wahl von TypeScript war entscheidend, um die Handhabung der zahlreichen und komplexen Daten zu erleichtern und die Applikation flexibel genug zu machen, um Änderungen im Datenmodell zu unterstützen. Die interaktive visuelle Darstellung der Ergebnisse setzten wir mit Apache Echarts um.
Ergebnis
Durch die enge Zusammenarbeit mit dem Kunden und die iterative Designphase konnten wir sicherstellen, dass das entwickelte Frontend die Anforderungen der Stakeholder vollständig erfüllt. Dies führte zu einer hohen Zufriedenheit und einer breiteren Akzeptanz des datengetriebenen Ansatzes zur Fahrzeugflottenplanung.
Die Fähigkeit, komplexe Dateninputs zu verarbeiten und die Ergebnisse visuell anschaulich darzustellen, ermöglichte es den Nutzern, fundierte Entscheidungen schneller zu treffen. Zudem konnte unser Kunde durch das neue Frontend die Effizienz in der Planung und Optimierung der Fahrzeugflotte erheblich verbessern und ist nun besser gerüstet für zukünftige Herausforderungen und neue Ansätze in der Planung.
Mehrwert für den Kunden
- Erhöhte Akzeptanz des datengetriebenen Ansatzes: Durch die benutzerfreundliche und visuell ansprechende Gestaltung des Frontends konnte die Akzeptanz innerhalb des Unternehmens deutlich gesteigert werden.
- Fundierte und schnellere Entscheidungen: Die Möglichkeit, komplexe Szenarien visuell darzustellen und zu vergleichen, ermöglichte es den Nutzer:innen, fundierte Entscheidungen schneller zu treffen.
- Flexibilität und Anpassungsfähigkeit: Dank der Verwendung von TypeScript und React ist das Frontend flexibel und kann leicht an neue Planungsansätze angepasst werden.
- Effizienzsteigerung: Die optimierte Planung und Visualisierung von Fahrzeugflotten führte zu einer erheblichen Effizienzsteigerung im Betrieb.