
Eine ZEISS-weite Web-Komponenten-Bibliothek auf Basis des ZUi Design Systems
ZUi Web Component Library

Die ZUi-Komponenten werden für den Großteil der Front Ends der ZEISS Web-Anwendungen verwendet.
Projektbeschreibung
Ziel des fortlaufenden Projektes ist die Entwicklung einer Bibliothek, die die Komponenten des Design Systems ‚ZUi‘ (ZEISS UI) als Webkomponenten bereitstellt.
Anwendungsentwickler/innen sollen diese Komponenten verwenden, um ein einheitliches, ZEISS konzernweites ‚Look and Feel‘ in ihren Anwendungen zu erzeugen. Auf diese Weise benötigen sie in ihren Projekten eine deutlich kürzere Zeit für die Frontend-Implementierung.
Die Komponenten werden in ihren verschiedenen Zuständen und Funktionen gemeinsam mit dem UI/UX Team definiert. Auch die Qualitätssicherung erfolgt Hand in Hand mit UI/UX. So wird die korrekte Umsetzung aller Komponenten zu jeder Zeit gewährleistet.
Die finalisierten Komponenten können als npm-Package von Anwendern konsumiert und in ihre Frontend-Anwendungen eingebaut werden. Damit folgen die Anwendungen dem ZEISS UX-Konzept und Nutzer/innen ist die optimale Interaktion mit den ZEISS Anwendungen garantiert.
Die ZUI Web Komponenten Library ist ein Meilenstein für die verbesserte teamübergreifende Zusammenarbeit und Kommunikation zwischen Entwicklern und Designern. Sie zahlt sich in vielerlei Hinsicht aus und macht unsere Arbeit deutlich effizienter: Weniger Code-Duplizierung, Konsistenz von UI und UX über viele Projekte hinweg, Schnelligkeit durch Wiederverwendung, Kompatibilität und Standardisierung von Komponenten in Design und Code. Ein absolutes Best Practice Beispiel für weitere Frameworks im Unternehmen!