Frontend-Projekt

SAS Automotive - UI

Redesign des User Interfaces einer veralteten Webanwendung

Angular
AngularJS
Digitalisierung
Frontend
Java
UX

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.

SAS Automotive neue Oberfläche des Engineering Change Management-Systems
SAS Automotive alte Oberfläche des Engineering Change Management-Systems

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 weiter­verwenden 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

Top Company 2024