RIS

Das Projekt wurde ins Leben gerufen, um ein umfassendes Design- und Komponenten-System für digitale Bankanwendungen zu entwickeln. Ziel war es, eine einheitliche und skalierbare UI/UX zu schaffen, die sowohl Designern als auch Entwicklern eine effiziente und konsistente Umsetzung ermöglicht. Im Rahmen des Projekts wurden über 150 Komponenten erstellt, die sich an unterschiedlichen Layouts für verschiedene Anwendungsfälle orientieren. Durch eine enge Zusammenarbeit mit dem Kunden konnte sichergestellt werden, dass die Design- und Entwicklungsprozesse optimal auf die Anforderungen der Bank zugeschnitten sind.

Ein zentrales Element des Projekts war die Nutzung von Figma als Design-Tool, in dem eine umfassende Komponentenbibliothek aufgebaut wurde. Dabei kamen Figma Tokens (Variablen) für Farben und Dimensionen zum Einsatz, um eine hohe Flexibilität und einfache Anpassbarkeit zu gewährleisten. Das Konzept folgt dem Atomic Design Prinzip, wodurch die Komponenten modular aufgebaut und effizient wiederverwendet werden können. Dies sorgt für eine klare Struktur und erleichtert zukünftige Erweiterungen oder Anpassungen an neue Anforderungen.

Parallel zur Design-Bibliothek wurde eine Frontend-Komponentenbibliothek in React entwickelt, die mit TailwindCSS für ein effizientes und flexibles Styling arbeitet. Dabei wurde besonderer Wert auf eine hohe Code-Qualität und Typensicherheit gelegt, weshalb die gesamte Bibliothek in TypeScript umgesetzt wurde. Zudem wurde die Accessibility der Komponenten von Anfang an berücksichtigt, um eine barrierefreie Nutzung sicherzustellen. Durch den modularen Aufbau und die konsequente Verwendung bewährter Best Practices ist die Bibliothek nicht nur leicht erweiterbar, sondern bietet auch eine optimale Grundlage für skalierbare und zukunftssichere Anwendungen.

Durch die enge Verzahnung von Design- und Entwicklungsprozess entstand ein leistungsfähiges und zukunftssicheres Komponenten-System, das die digitale Transformation im Bankensektor unterstützt. Die entwickelten Lösungen ermöglichen es dem Kunden, neue digitale Produkte schneller und effizienter umzusetzen. Dank der strukturierten und modularen Herangehensweise profitieren sowohl Designer als auch Entwickler von einer verbesserten Zusammenarbeit, während die Endnutzer von einer modernen, konsistenten und intuitiven Benutzeroberfläche profitieren.