Dienstleistungen:
UX / UI / Web App / Design System / Prototyping / Konzept / Responsive / Data Visualisierung / Figma / Sketch
Industrie:
Financial technology, Banking, Kredit Institut

AirPlus Design System & Diverse Web Anwendungen

Um ein einheitliches Look-and-Feel über mehrere Teams und Anwendungen hinweg zu gewährleisten, habe ich eine Komponentenbibliothek nach Atomic Design Prinzipien in Figma erstellt. Diese Bibliothek fand Anwendung in verschiedenen Lösungen, von Datenvisualisierungen bis hin zu Webseiten. Das globale UX/UI-Team wurde dabei schrittweise in den Einsatz der Bibliothek eingeführt. Dazu habe ich Workshops für Teams durchgeführt, um die Migration zu erleichtern, und zugleich neue Design-Bereiche innerhalb der Organisation gestaltet und optimiert.

Die Herausforderung

Die Herausforderung bestand darin, ein konsistentes Design-System zu schaffen, das über mehrere Teams und Anwendungen hinweg eingesetzt werden konnte, um ein einheitliches Look-and-Feel zu gewährleisten. Die bestehende Designlandschaft war fragmentiert, und es fehlte eine gemeinsame Grundlage, um effizient zusammenzuarbeiten. Die Anfrage an mich war, eine Komponentenbibliothek nach Atomic Design Prinzipien in Figma zu entwickeln, die flexibel genug ist, um verschiedene Anwendungen wie Datenvisualisierungen und Webseiten abzudecken. Zusätzlich sollte ich die Migration und Einführung der Bibliothek begleiten und das globale UX/UI-Team durch Workshops und Schulungen unterstützen, um die Adaption zu fördern.

...
...

Design System - Atomic Design Prinzipien

Robuste, universelle Komponenten. Eine der größten Herausforderungen des Projekts war die übergreifende Harmonisierung der Komponenten und ihre Anwendung in den verschiedenen Projekten. Die Bedürfnisse der Anwender sind teils sehr unterschiedlich, weshalb eine Komponente in verschiedenen Szenarien (markenkonform) funktionsfähig sein muss.Weitere Herausforderungen: - Erstellung einer benutzerfreundlichen und leicht verständlichen Dokumentation, Gewährleistung der Barrierefreiheit gemäß den Web Content Accessibility Guidelines (WCAG) 2.2, Level AA, Effizientes Ressourcenmanagement in Figma

...
...

Nach oben scrollen