Bankwesen & Fintech

B2C

20 Zahlungssilos vereint — damit Kenias drittgrößte Bank im 97-%-Digitalmarkt mithalten kann

Kunde

NCBA Bank

NCBA Bank

Modell

Produktbeschleuniger

Produktbeschleuniger

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 verfügte über mehr als 20 fragmentierte Zahlungsmethoden in einem von M-Pesa dominierten Markt, wobei 70 % ihres IT-Budgets in Altsystemen gebunden waren. Wir ermittelten, dass der Erfolg in einer einzigen Schnittstelle über dem bestehenden Kern lag und nicht in einem kompletten Austausch. Daraufhin entwarfen wir drei miteinander verbundene Plattformen und lieferten diese innerhalb von vier Monaten.

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

Kenias fragmentierte Zahlungslandschaft bedeutete, dass die NCBA über 20 Methoden zusammenführen musste, von M-Pesa bis SWIFT, ohne einen vollständigen Neuaufbau. Da mobiles Geld 80 % günstiger ist als klassisches Banking und M-Pesa 66 % der Zahlungen kontrolliert, reichte es nicht aus, nur Systeme miteinander zu verbinden. Die Bank benötigte einen einzigen, kohärenten Zahlungsweg, der unabhängig von der dahinter liegenden Methode funktionierte.

Unsere Analyse

Erfolg bedeutete, dass eine einzige Benutzeroberfläche eine erhebliche Komplexität bewältigen musste. Die eigentliche Herausforderung war nicht die Anzahl der Zahlungsmethoden, sondern deren Priorisierung: Benutzer benötigten die richtige Option im richtigen Moment, nicht jede Option. Das Abbilden von Nutzungsmustern zeigte auf, wie sich Komplexität verbergen lässt, ohne die Handlungsfähigkeit der Benutzer einzuschränken, sodass eine kontextadaptive Benutzeroberfläche die fragmentierte Landschaft als eine einzige Plattform tragen konnte.

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.

Ein Senior Lead, der an der Seite von NCBA arbeitet

Einer unserer Seniorpartner arbeitete direkt mit den Teams der NCBA in Nairobi zusammen, während ein 12-köpfiges Produktionsteam den Ausbau aus der Ferne übernahm. Dadurch konnten Entscheidungen schnell und nah am lokalen Markt getroffen werden.

Ein Senior Lead, der an der Seite von NCBA arbeitet

Einer unserer Seniorpartner arbeitete direkt mit den Teams der NCBA in Nairobi zusammen, während ein 12-köpfiges Produktionsteam den Ausbau aus der Ferne übernahm. Dadurch konnten Entscheidungen schnell und nah am lokalen Markt getroffen werden.

02.

Eine Schnittstelle für über 20 Zahlungsmethoden

Eine einheitliche Oberfläche für mehr als 20 Zahlungsmethoden — von M-Pesa über Banküberweisungen bis zu internationalen Karten. Jede mit eigenen Regeln. Wir haben sie zu einer gemacht.

Eine Schnittstelle für über 20 Zahlungsmethoden

Eine einheitliche Oberfläche für mehr als 20 Zahlungsmethoden — von M-Pesa über Banküberweisungen bis zu internationalen Karten. Jede mit eigenen Regeln. Wir haben sie zu einer gemacht.

03.

Entwarf drei verbundene Plattformen

Wir haben drei miteinander verbundene Plattformen entwickelt: eine Consumer-Banking-App, ein Händler-Zahlungssystem und ein Admin-Kontrollzentrum. Bisher getrennte Systeme kommunizieren nun miteinander.

Entwarf drei verbundene Plattformen

Wir haben drei miteinander verbundene Plattformen entwickelt: eine Consumer-Banking-App, ein Händler-Zahlungssystem und ein Admin-Kontrollzentrum. Bisher getrennte Systeme kommunizieren nun miteinander.

04.

Integriert mit dem Kernbankensystem

Die neuen Designs wurden an Pamoja angebunden, die bestehende Bankeninfrastruktur von NCBA. Wir haben auf dem Bestehenden aufgebaut, anstatt es komplett zu ersetzen.

Integriert mit dem Kernbankensystem

Die neuen Designs wurden an Pamoja angebunden, die bestehende Bankeninfrastruktur von NCBA. Wir haben auf dem Bestehenden aufgebaut, anstatt es komplett zu ersetzen.

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

Ein zusammenhängendes Erlebnis

Von isolierten Anforderungen zu einer einzigen, vernetzten Plattform mit einfacheren Abläufen in der Finanzierung.

Ein zusammenhängendes Erlebnis

Von isolierten Anforderungen zu einer einzigen, vernetzten Plattform mit einfacheren Abläufen in der Finanzierung.

Einheitlicher Zahlungsprozess

Ein einheitliches Interface vereinfacht Kenias komplexe Zahlungslandschaft.

Einheitlicher Zahlungsprozess

Ein einheitliches Interface vereinfacht Kenias komplexe Zahlungslandschaft.

Beschleunigter Lieferzeitplan

Komplette Plattform in 4 Monaten geliefert — 35 % effizienter als Branchenstandard.

Beschleunigter Lieferzeitplan

Komplette Plattform in 4 Monaten geliefert — 35 % effizienter als Branchenstandard.

Sind Sie bereit zu erfahren, was es wert ist, gebaut zu werden, bevor Sie sich darauf festlegen?

In einem kurzen, evidenzbasierten Sprint helfen wir Ihnen, eine Entscheidung zu treffen, und entwerfen sie dann.

Für die NCBA bedeutete dies drei vernetzte Plattformen über dem bestehenden Kernsystem, die in vier Monaten bereitgestellt wurden.

Lassen Sie uns darüber sprechen, das Gleiche für Ihre Herausforderung zu tun.