End-to-End Design einer BaFin-regulierten Fintech-Plattform - von der Informationsarchitektur bis zur Vuetify-3-Komponente.
Finfire ist die zentrale Arbeitsplattform für unabhängige Finanzberater, Vermögensverwalter und deren Back-Office-Teams. Täglich fließen Daten aus dutzenden Quellen zusammen - Depots, Kurse, Regulatorik, Kundenkommunikation.
Als hauptverantwortlicher Designer für zwei Produkt-Teams habe ich diese Datenmengen in nutzbare Interfaces überführt - konsistent über fünf Personas und vier Kerngeschäftsbereiche hinweg.
In Woche 2 stellte ich fest: dasselbe Modal-Pattern war 7-mal unterschiedlich implementiert. Ohne dokumentiertes System hatte sich über die Jahre Inkonsistenz angesammelt. Hier die fünf strukturellen Probleme, die ich angegangen bin.
Die Plattform muss simultan für Finanzberater im Kundengespräch, Sachbearbeiter im Back-Office und Vermögensverwalter mit komplexen Mandaten funktionieren - mit jeweils unterschiedlichen Prioritäten, Zeitfenstern und Informationsdichten.
Plus anteilige Mitgestaltung an Administration, Nutzerverwaltung und Transaktionen — gemeinsam mit dem 4-köpfigen Designteam, nicht in Alleinverantwortung.
Das Design-System ist die gemeinsame Basis für Feature-Arbeit im Team. Ich habe ein Token-System aufgebaut, das Farbe, Typografie, Spacing und Elevation in Vuetify-kompatible Tokens übersetzt - mit #ff9800 als Primary und semantischen Farb-Tokens für klare Statuslogik.
Ich habe einen festen Research-Rhythmus etabliert - von explorativen Interviews bis zu regelmäßigen Usability-Tests. Product Owner und Entwickler waren dabei nicht nur Zuhörer, sondern haben aktiv Hypothesen formuliert, Sessions mitmoderiert und Erkenntnisse in den Sprint zurückgespielt.
Der Erstentwurf einer komplexen Depotreport-Detailansicht hat mich früher fünf Tage gekostet — heute sind es zwei. Das liegt nicht an einem einzelnen Tool, sondern daran, dass ich Routineanteile inzwischen weitgehend mit KI mache: Anforderungen aus Notizen und Tickets strukturieren, realistische Mock-Daten erzeugen, mehrere Layout-Varianten parallel erkunden, erste WCAG-Checks. Bei stark regulierten Workflows wie BaFin-Reporting bleibt der Aufwand fast unverändert — Geschäftslogik, regulatorische Korrektheit und die Berater-Microcopy sind weiterhin meine Entscheidung.
In täglicher Abstimmung mit 8 Entwicklern habe ich Standards für die Übergabe entwickelt — von der Spezifikation einzelner Komponenten bis zur Begleitung der QA-Phase. Drei Jahre eigene Frontend-Erfahrung helfen, technische Machbarkeit früh einzuschätzen.
Seit über drei Jahren leite ich unsere Community of Practice - ein wöchentliches Format mit Designern und Lead-Frontendlern, in dem wir gemeinsam Designentscheidungen besprechen, Systemfragen klären und Qualitätsstandards definieren. Outputs umfassen UX-Writing-Guidelines, Erstellmasken-Pattern, Edit-/Dialog-Pattern und Library-Governance.
Das Ergebnis: Weniger "Wer hat das entschieden?"-Momente, mehr Verantwortung im Team - und ein Design-System, das aktiv genutzt wird.
Ausgewählte Screens und Designartefakte - vom Wireframe bis zur finalen Oberfläche.
