Rationalisierung von Design und Entwicklung mit einem zukunftssicheren Designsystem

Der Kunde ist ein führendes Technologieunternehmen, das sich auf Software für Personalwesen, Gehaltsabrechnung, Personalbeschaffung und Lernen spezialisiert hat. Xebia entwickelte für den Kunden ein Framework-agnostisches Designsystem, das die Effizienz und Designkonsistenz über verschiedene Anwendungen hinweg erhöht, von modernen Webplattformen bis hin zu Altsystemen.

Vorbereitung der kommenden Produktlinie für visuelle Konsistenz und ein einheitliches Benutzererlebnis.

Der Kunde wollte eine neue Produktlinie mit einem neuen Stack und einer modernen Architektur entwickeln. Die Wahrung der visuellen Konsistenz bei mehreren Produkten, die auf unterschiedlichen Frameworks entwickelt wurden, war jedoch eine Herausforderung. Die Erstellung von Themen-Updates dauerte Wochen, da es keine speziellen Design-Teams oder strukturierte Übergabeprozesse gab. Das Design wurde von Full-Stack-Entwicklern innerhalb einer monolithischen Struktur bearbeitet, was zu einer inkonsistenten und ineffizienten Entwicklung der Benutzeroberfläche (UI) führte. Der Kunde wollte seine veraltete Technologie abschaffen und eine neue, moderne Anwendung einführen. Xebia schlug ein skalierbares, rahmenunabhängiges Designsystem vor, das dem Kunden helfen würde, die Effizienz und die Designkonsistenz zwischen den verschiedenen Anwendungen derselben Suite zu verbessern.

Ein einheitliches, Framework-agnostisches Design-System

Xebia lieferte ein umfassendes, rahmenunabhängiges Designsystem, das sich als unschätzbar erwies, als der Kunde beschloss, seine Strategie neu zu definieren und eine neue Richtung einzuschlagen. Das neue Designsystem umfasste mehr als 30 voll funktionsfähige UI-Komponenten, darunter auch den Dark Mode und die Unterstützung von White Labeling. Das White Labeling, eine wichtige Anforderung des Kunden, wurde durch die Implementierung von Xebia erheblich optimiert, so dass die dafür benötigte Zeit von mehreren Wochen auf wenige Sekunden reduziert werden konnte. Durch den Einsatz von Design-Tokens und synchronisierten Bibliotheken für Design und Code sorgte Xebia für eine nahtlose Abstimmung zwischen Design und Entwicklung. Dieses Designsystem bot nicht nur wiederverwendbare Komponenten, sondern auch einen Themengenerator, anpassbare Symbole und themenbezogene Illustrationen, die in jeder Umgebung implementiert werden konnten, von modernen Frameworks bis hin zu den älteren .NET-Systemen des Kunden..

 

Flexibilität und Konsistenz durch maßgeschneiderte Komponenten

Ein engagiertes dreiköpfiges Team von Xebia schuf innerhalb von sechs Monaten eine solide, skalierbare Grundlage und produktionsreife Bibliotheken. Das System umfasste eine breite Palette von Tools, darunter Design-Token, anpassbare Symbole und eine Musterbibliothek für konsistente UI-Elemente. Das Team von Xebia konzentrierte sich auf die Entwicklung eines intuitiven Systems mit umfassender Dokumentation und relevanten Anwendungsbeispielen, um eine nahtlose Übernahme durch die Entwicklungsteams zu gewährleisten. Durch ständiges Feedback und gemeinsame Anpassungen bewältigte Xebia Herausforderungen wie anfängliche technische Probleme mit Framework-Wrappern und die Notwendigkeit, die Entwickler über die einzigartigen Vorteile des Designsystems zu informieren. Das Ergebnis dieser Bemühungen ist eine kohärente und zuverlässige Lösung, die sich vollständig an die technologische Umgebung des Kunden anpassen lässt.