Bankwesen & Fintech

B2C

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

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 stand vor einer existenziellen Herausforderung: Sie musste digitalisiert werden, während 70 % des IT-Budgets in Altsystemen gebunden blieben. Da mehr als 80 % der kenianischen Erwachsenen mobile Bezahlsysteme nutzen, bedrohte die komplexe, fragmentierte Infrastruktur der NCBA mit über 20 Zahlungsmethoden 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 die NCBA über 20 verschiedene Methoden integrieren musste, von M-Pesa bis SWIFT, und das ohne einen vollständigen Neuaufbau. Da mobiles Geld jedoch 80 % günstiger ist als Banküberweisungen und M-Pesa 66 % des Zahlungsverkehrs kontrolliert, reichte es für die NCBA nicht aus, nur Systeme miteinander zu verbinden. Sie benötigte eine einheitliche UX-Architektur, die Zahlungen unabhängig von der Methode einfach machte.

Unsere Analyse

Erfolg bedeutete, dass eine einzige Schnittstelle eine erhebliche Komplexität bewältigen musste. Die eigentliche Herausforderung bestand darin, Funktionen zu priorisieren, und nicht in der Anzahl der Zahlungsmethoden. Benutzer benötigten 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, kontextsensitive Benutzeroberfläche machte die NCBA zu einer einheitlichen 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 direkt mit den Teams der NCBA in Nairobi zusammen, während 12 Designer die Produktion aus der Ferne übernahmen. Dies ermöglichte schnellere Entscheidungen und ein besseres Verständnis der lokalen Bedürfnisse.

Partnerschaft mit unserer Designleitung

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

02.

Über 20 Zahlungsmethoden in einer vereint

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.

Über 20 Zahlungsmethoden in einer vereint

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 einheitliches Erlebnis

Von isolierten Anforderungen zum vollständigen digitalen Ökosystem — mit vereinfachten Finanz-Journeys.

Ein einheitliches Erlebnis

Von isolierten Anforderungen zum vollständigen digitalen Ökosystem — mit vereinfachten Finanz-Journeys.

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.

Zusammenführen fragmentierter oder komplexer Benutzererlebnisse

Wir helfen skalierenden Unternehmen dabei, technologische Altlasten hinter sich zu lassen. Dazu nutzen wir integrierte Expertise, sprintbasierte Accelerators und evidenzbasiertes Design. Die richtige Expertise, richtig positioniert, liefert das, was Heerscharen von Beratern nicht leisten können.