Figma Fintech Case Study: Targobank Joe Broker

Die Mission

Die Brücke zwischen intuitiver UX und Banking-Compliance

Mit dem Launch des Neobrokers „Joe Broker“ verfolgt die Targobank das Ziel, sich als Universalbank zu etablieren und einen Markt mit bis zu 20 Millionen potenziellen Nutzern zu erobern. Die Kernaufgabe: Ein didaktisches Design zu entwickeln, das Nutzer dort abholt, wo sie stehen, ohne dabei Kompromisse bei den harten Compliance-Vorgaben des Bankensektors einzugehen.

Zentrale Herausforderungen

Strikte Regulatorik

Arbeiten innerhalb der engen rechtlichen Grenzen des Finanzsektors

Starker Wettbewerb

Abgrenzen von der Konkurrenz durch einzigartige Features

Zeitdruck

Hoher Druck für schnelle Bereitstellung und kurze Iterationszyklen

Gewährleistung höchster Sicherheit

Herausforderungen an der Schnittstelle von Design zu Code (Security-Challenges)

Lösung & Implementierung

Figma-zentriertes Ökosystem:
Design, Legal und Entwicklung vereint

Um die Lücke zwischen strenger Compliance und schneller Innovation zu schließen, wurde Figma als zentrale Plattform für den gesamten Workflow etabliert. Dieses Modell integrierte Design-Iterationen, formale rechtliche Prüfungen und das Engineering-Handover in einer einzigen, synchronisierten Umgebung.

Kernanforderungen

1. Didaktisches UX-Design

Eine anleitungsorientierte Benutzeroberfläche für Erstanleger, die neu in den Markt eintreten.

2. Compliance im Finanzsektor

Konsequente Umsetzung aller rechtlichen und regulatorischen Vorgaben.

Zentrale Workstreams

Workstream 01

Die “Single Source of Truth”

Einheitliche Design-Grundlage

Aufbau eines einheitlichen Design-Fundaments mit organisierten Design-Tokens, WCAG 2.1 AA-konformen Farbpaletten und einer zentralen Komponentenbibliothek in Figma, die alle Teams in Echtzeit synchronisiert.

Workstream 02

Der "Ready-to-Build" Compliance Loop

Integrierte Rechtssicherheit & Barrierefreiheit

Überprüfung von Rechtssicherheit und Barrierefreiheit direkt in Figma für schnelle Abstimmungsprozesse mit sämtlichen Stakeholdern.

Workstream 03

Schnelle UAT-Integration & Skalierung

Komponentenbasierte Architektur

Modulare Architektur in Figma Make: Schnellere Entwicklung, während sämtliche Anforderungen und Qualitätsmaßstäbe eingehalten werden.

Ergebnisse & Vision

Finanzprodukte schneller entwickeln mit Figma

Rapid Prototyping mittels Figma Make ermöglicht es Banken, in kurzen Abständen testfähige Ergebnisse zu liefern und so mit dem Tempo agiler Fintechs mitzuhalten.

“Der Figma-zentrierte Ansatz eliminierte unseren größten Engpass: die Abstimmung zwischen Legal-, Design- und Entwicklerteams. So wurde aus monatelangem Hin- und Her eine schnelle Zusammenarbeit innerhalb weniger Tage.”

Alfredo Garces Director of Digital Investing and Trading Channels (Targobank & Joe Broker)