Frontend-Projekt
SAS Automotive - UI
Redesign des User Interfaces einer veralteten Webanwendung
Höchste Usability für komplexe Prozesse
Für SAS Automotive führten wir ein umfassendes Redesign der Webanwendung durch. Mit AngularJS und Bootstrap verbesserten wir die Benutzeroberfläche und optimierten die Usability. Der Fokus lag auf nahtloser Integration und effizienter Datenverarbeitung.
Nachher
Mit der neuen Anwendung und der überarbeiteten Benutzeroberfläche konnten wir die Nutzerakzeptanz unseres ECM-Systems bei der SAS deutlich erhöhen und damit zu einer Effizienzsteigerung im Unternehmen beitragen. Die Altanwendung mit ihren Prozessen und Daten konnte wiederverwendet werden, sodass ein reibungsloser Übergang gewährleistet werden konnte. Mit W11K haben wir dafür einen kompetenten und verlässlichen Partner gefunden.
SAS Automotive
Die Lösung
Um eine nahtlose Integration des bestehenden Business-Codes im Server zu gewährleisten, wurde die Präsentationsschicht der alten Anwendung ausgetauscht und durch einen modernen AngularJS-Client mit einem auf Bootstrap aufsetzenden reaktiven Layout ersetzt. Um die bestehende Validationslogik weiterverwenden zu können, wurde eine Lösung entwickelt, die diese auch im Client zur Verfügung stellt.
Die neue Anwendung ist deutlich schneller in der Bedienung, Benutzereingaben werden besser und früher validiert.
Alte Datensätze konnten weiterhin komplett verwendet werden, es war keine größere Migration der Daten notwendig. Für den Kunden konnte W11K somit eine preisgünstige, sich gut in die alte Umgebung integrierende Lösung schaffen und durch das neu gestaltete User Interface die Akzeptanz der User deutlich erhöhen.
Herausforderungen
Die zentrale Anforderung an W11K war es, eine neue Oberfläche zu entwickeln, die eine optimale User Experience bietet: intuitiv, modern und schnell.
Dabei waren einige spezifische Herausforderungen zu berücksichtigen:
- Aufgrund der sehr komplexen Businesslogik der Anwendung sollte diese beibehalten und nur das Frontend der Anwendung überarbeitet werden. Zunächst sollten nur die für die Endanwender sichtbaren Seiten ersetzt werden.
- Und natürlich sollte die Integration der neuen Oberfläche möglichst nahtlos in das Backend verlaufen.
- Altdaten der zehn Jahre alten Anwendung sollten weiterhin verwendet werden können.
Facts
- Projektbetreuung seit 2009
- W11K stellt das komplette Projekt-Team
- Usability wurde deutlich verbessert
Technologien
AngularJS, Bootstrap
SQL-Server
Java8, Struts 1
Linux, Docker
