Bankwesen & Fintech

B2C

Zusammenführung von 20 Zahlungssilos, um Kenias drittgrößter Bank zu helfen, in einem zu 97 % digitalen Markt zu konkurrieren

Kunde

NCBA Bank

NCBA Bank

Modell

Partnerschaft

Partnerschaft

NCBA-Mobile-App-Zahlungsbestätigungsbildschirm auf einem orangefarbenen Samthocker, der „Geld erfolgreich gesendet“ sowie die Aktionen „Teilen“ und „Fertig“ zeigt.

Dienstleistungen

Produktstrategie

Produktstrategie

UX/UI-Design

UX/UI-Design

Info

Kenyas drittgrößte Bank sah sich mit einer existenziellen Herausforderung konfrontiert: die digitale Transformation voranzutreiben, während 70 % der IT-Budgets in Altsystemen gebunden blieben. Da mehr als 80 % der erwachsenen Kenianer mobile Geldplattformen nutzten, bedrohte NCBAs komplexe, fragmentierte Infrastruktur über 20+ Zahlungsmethoden hinweg ihre Wettbewerbsposition.

Authentifizierungs-Ablaufdiagramm, das die Anmeldelogik der mobilen Banking-App von NCBA abbildet, einschließlich Prüfungen vertrauenswürdiger Geräte, biometrischer Anmeldung sowie PIN- und Passwort-Wiederherstellungspfaden und KYC-Verifizierungsstatus.
Vollständige Übersicht des Benutzerflusses in Figma mit allen Bildschirmen und Entscheidungspunkten in der NCBA-Mobile-Banking-App, vom Splash-Screen und Onboarding über die Registrierung, KYC und Produktanbahnung.

Herausforderung

Kenyas fragmentierte Zahlungslandschaft bedeutete, dass NCBA mehr als 20 verschiedene Methoden integrieren musste, von M-Pesa bis SWIFT, ohne einen vollständigen Neuaufbau. Doch da Mobile Money 80 % günstiger als das Bankwesen ist und M-Pesa 66 % der Zahlungen kontrolliert, konnte NCBA nicht einfach nur Systeme verbinden. Sie brauchten eine einheitliche UX-Architektur, die Zahlungen unabhängig von der Methode nahtlos machte.

Unsere Analyse

Erfolg bedeutete eine Benutzeroberfläche, die erhebliche Komplexität bewältigt. Die eigentliche Herausforderung war nicht die Anzahl der Zahlungsmethoden, sondern die Priorisierung der Funktionen. Nutzer brauchten die richtige Option im richtigen Moment, nicht jede Option. Die Analyse von Nutzungsmustern zeigte, wie sich Komplexität verbergen lässt, ohne die Funktionalität einzuschränken. Eine intelligente, kontextadaptive Benutzeroberfläche verwandelte NCBA in eine einheitliche Finanzplattform.

Vier mobile Bildschirme, die den zentralen Anmeldeprozess der NCBA-App zeigen: Startbildschirm, Begrüßung für neue Nutzer, PIN-Eingabe mit „PIN vergessen?“-Dialog und die Startseite mit Produkten und Dienstleistungen.
Vier mobile Bildschirme aus dem NCBA-Onboarding-Ablauf: Einrichtung der Biometrie, Anmeldeformular für Mobile Banking, Checkliste zur Identitätsverifizierung und ein Bildschirm im Fehlerzustand.
Werbekarten-Komponente, die zwei junge Frauen zeigt, die Smartphones verwenden, mit dem Titel „NCBA und Universität“ und einer „Mehr erfahren“-Schaltfläche, gestaltet in dem Marken-Gelb von NCBA.
NCBA-Mobile-Banking-Dashboard auf einem iPad dargestellt, das eine personalisierte Begrüßung, Kontostände, Produktkategorien und Werbekarten anzeigt.
NCBA-Mobile-App-Sperrbildschirm mit einer personalisierten Willkommensnachricht und einer Face-ID-Authentifizierungsaufforderung auf dunklem Hintergrund.
Geldautomaten- und Filialsuchbildschirm mit einer Karte von Nairobi, auf der ein nahegelegener NCBA-Geldautomat ausgewählt ist, sowie einer Call-to-Action-Schaltfläche „Wegbeschreibung anzeigen“.

Was wir getan haben

01.

Partnerschaft mit unserer Designleitung

Einer unserer Senior-Partner arbeitete mit den Teams der NCBA in Nairobi zusammen, während 12 Designer die Produktion aus der Ferne übernahmen. Das bedeutete schnellere Entscheidungen und ein besseres Verständnis der lokalen Bedürfnisse.

Partnerschaft mit unserer Designleitung

Einer unserer Senior-Partner arbeitete mit den Teams der NCBA in Nairobi zusammen, während 12 Designer die Produktion aus der Ferne übernahmen. Das bedeutete schnellere Entscheidungen und ein besseres Verständnis der lokalen Bedürfnisse.

02.

Chaos im einheitlichen Zahlungsprozess

Entwickelte eine einheitliche Benutzeroberfläche für mehr als 20 Zahlungsmethoden – von M-Pesa über Banküberweisungen bis hin zu internationalen Karten. Jede hatte andere Regeln. Wir haben sie so integriert, dass sie wie eine funktionieren.

Chaos im einheitlichen Zahlungsprozess

Entwickelte eine einheitliche Benutzeroberfläche für mehr als 20 Zahlungsmethoden – von M-Pesa über Banküberweisungen bis hin zu internationalen Karten. Jede hatte andere Regeln. Wir haben sie so integriert, dass sie wie eine funktionieren.

03.

Entwarf drei verbundene Plattformen

Banking-App für Privatkunden. Zahlungssystem für Händler. Admin-Kontrollpanel. Zuvor getrennte Systeme kommunizieren jetzt miteinander.

Entwarf drei verbundene Plattformen

Banking-App für Privatkunden. Zahlungssystem für Händler. Admin-Kontrollpanel. Zuvor getrennte Systeme kommunizieren jetzt miteinander.

04.

Integriert mit dem Kernbankensystem

Neue Designs wurden mit Pamoja, der bestehenden Bankinfrastruktur von NCBA, verbunden. Kein komplettes Ersetzen, sondern alles wurde auf dem aufgebaut, was bereits vorhanden war.

Integriert mit dem Kernbankensystem

Neue Designs wurden mit Pamoja, der bestehenden Bankinfrastruktur von NCBA, verbunden. Kein komplettes Ersetzen, sondern alles wurde auf dem aufgebaut, was bereits vorhanden war.

NCBA-Designsystem-Übersicht mit Typografie (Averta und SF Pro Text), Schaltflächenstilen, Markenfarbpalette (Sky, Cocoa, Sun, Coral, Passion), Logo, Symbolen, Kartenkomponenten, Fotografie und 3D-Illustrationen.
Übersicht einer Komponentenbibliothek mit Inhaltskarten, Zuständen der Navigationsleiste, Schaltflächenvarianten, einer Visa-Kartenkomponente, Kontostandsmodulen und Symbolsteuerungen.
Ein keramisches Sparschwein, fotografiert vor einem geteilten Hintergrund aus Hellblau und NCBA-Himmelblau, als visuelle Metapher für Ersparnisse.
Vier Produktkacheln auf dunklem Hintergrund, die die Kernservices der App darstellen: Bezahlen, Kredit aufnehmen, Sparen und Versichern, jeweils mit einer eigenen Pastellfarbe und einem Symbol.
Halbkreisförmige Fortschrittsanzeige für die Kreditrückzahlung mit 25 % Abschluss, entsprechend 9 von 36 bezahlten Raten, dargestellt auf dunklem Hintergrund.
Zwei In-App-Benachrichtigungskomponenten auf einem petrolfarbenen Hintergrund: eine Benachrichtigung über einen Zahlungseingang mit der Aktion „Kontostand anzeigen“ und eine abgelehnte Zahlungsanforderung mit der Aktion „Status prüfen“.

Projektauswirkungen

Transformation des Benutzererlebnisses

Von isolierten Anforderungen zu einem vollständigen digitalen Ökosystem mit vereinfachten finanziellen Abläufen.

Transformation des Benutzererlebnisses

Von isolierten Anforderungen zu einem vollständigen digitalen Ökosystem mit vereinfachten finanziellen Abläufen.

Einheitlicher Zahlungsprozess

Eine einzige, einheitliche Schnittstelle, die Kenias komplexe Zahlungslandschaft vereinfacht.

Einheitlicher Zahlungsprozess

Eine einzige, einheitliche Schnittstelle, die Kenias komplexe Zahlungslandschaft vereinfacht.

Beschleunigter Lieferzeitplan

Vollständige Plattform in 4 Monaten geliefert, 35 % effizienter als der Branchenstandard.

Beschleunigter Lieferzeitplan

Vollständige Plattform in 4 Monaten geliefert, 35 % effizienter als der Branchenstandard.

Müssen fragmentierte oder komplexe Benutzererlebnisse vereinheitlicht werden?

Wir helfen ambitionierten, wachsenden Unternehmen, sich durch eingebettete Expertise, sprintbasierte Beschleuniger und evidenzbasiertes Design von Altlasten zu befreien.

Unser Ansatz verbindet strategische Präsenz mit skalierter Umsetzung und beweist, dass die richtige, passend positionierte Expertise das liefert, was Heerscharen von Beratern nicht können.