My Keaz - Orabank
Refonte de l'interface utilisateur (UI) et de l'expérience utilisateur (UX) de l'application mobile My KEAZ du groupe Orabank.
My KEAZ est la solution de banque digitale du groupe Orabank, essentielle pour servir une clientèle de particuliers et d'entreprises à travers plusieurs pays africains. Cependant, malgré la puissance des services proposés par la banque, l'application existante ne permettait pas aux utilisateurs de naviguer et d'effectuer des transactions quotidiennes de manière fluide.
Problème
En tant que nouvel utilisateur, j'ai rapidement constaté une déconnexion entre les besoins réels des clients et l'architecture de l'information (IA) de l'application. Les services les plus utilisés quotidiennement par la clientèle de la banque (consultation de solde, transferts, paiements) étaient enterrés dans des menus complexes, rendant l'expérience fastidieuse et chronophage.
Challenge
Le défi principal était de repositionner l’utilisateur au centre de l’expérience bancaire, en transformant une application perçue comme un simple portail d’information en un véritable outil de gestion financière actif et sécurisé.
Objectifs Spécifiques :
1. Priorisation du contenu
Identifier et mettre en avant les actions essentielles que l’utilisateur souhaite effectuer en premier lieu (le 'Qu’est-ce que je souhaiterais avoir en ouvrant l’App').
2. Accessibilité
Réduire le nombre de clics pour les transactions fréquentes à un minimum absolu (idéalement 3 clics maximum).
3. Clarté sémantique
Établir une cohérence entre les icônes (icônographie) et les termes pour éliminer toute confusion sur les actions clés (Recharge d'argent vs. Transfert d'argent).
4. Alignement de l'image de marque
Proposer un design moderne qui reflète l'esprit de confiance et l'ambition digitale de la banque.
Solution
La solution a consisté en une refonte complète de l'expérience utilisateur (UX) et de l'interface utilisateur (UI) de l'application My KEAZ. Il ne s'agissait pas seulement de revoir la page d'accueil, mais de garantir une cohérence visuelle et fonctionnelle sur l'intégralité des écrans, des parcours transactionnels aux menus de gestion des paramètres.
Nous avons transformé l'application en un outil de gestion financière holistique et sécurisé, organisé autour de trois piliers majeurs :
1. Écran d'Accueil
Conception d'une page d'accueil dynamique agissant comme un tableau de bord financier instantané, mettant en évidence les informations essentielles (solde) et les quatre actions clés (Recharge, Transfert, Paiement, Mini Relevé).
2. L'Architecture de Navigation
Structuration de la barre de navigation inférieure (Tab Bar) pour offrir un accès direct et constant aux modules fondamentaux de gestion de la banque mobile : Carte, GAB, Notification et Paramètres.
3. Les Parcours Simplifiés
Réduction radicale de la friction utilisateur dans les flux transactionnels. Les parcours sensibles comme le Transfert d'argent et le Paiement de facture ont été simplifiés et sécurisés par une étape de validation claire (CUU).
Approche de Redesign
Mon approche de redesign a suivi un processus de Design Thinking itératif et centré sur l'utilisateur, structuré en quatre phases principales, comme illustré ci-dessous :
Recherche et Identification des Personas
- •J'ai validé ma propre hypothèse initiale en menant des entretiens informels. Les retours ont confirmé que les utilisateurs cherchaient avant tout le solde et les actions de virement/paiement en ouvrant l'application.
- •Ceci a permis de définir des Personas clairs dont les objectifs sont de <<Gérer mon budget rapidement>> et <<Exécuter mes paiements sans friction>>
Architecture de l'Information et Wireframing
- •J'ai priorisé une structure à un niveau (page d'accueil) pour les actions fréquentes.
- •Les Wireframes ont été conçus pour valider la position optimale des quatre raccourcis d'action sous le solde, minimisant le défilement.
- •La Barre de Navigation Inférieure (Tab Bar) a été solidifiée pour une navigation cohérente vers les outils secondaires (Carte, GAB, Notifications).
Design Visuel (UI) et Cohérence
- •Icônographie : J'ai sélectionné un jeu d'icônes reflétant l'esprit de la banque, mais surtout, j'ai veillé à ce qu'elles reflètent clairement l'intention de l'action (ex: Flèche entrante pour 'Recharge', flèche sortante pour 'Transfert').
- •Couleurs et Hiérarchie : Utilisation des couleurs primaires d'Orabank pour marquer la sécurité et l'autorité, tout en utilisant des contrastes élevés pour les informations clés (montant du solde).
Simplification des Parcours (UX Flow)
- •Les parcours d'alimentation et de transfert ont été revus pour une séquence logique de 3 étapes : Choix de la Destination/Source → Saisie du Montant → Confirmation Sécurisée (CUU).
Résultats Clés du Redesign
Le redesign de My KEAZ a abouti à une interface mobile propre, hiérarchisée et centrée sur la performance, qui répond directement aux attentes des utilisateurs.
Accès au Solde
Immédiat et sécurisé, visible dès l'ouverture.
Clarté Fonctionnelle
Élimination de la confusion entre l'alimentation du compte (Recharge d'argent) et l'envoi à un tiers (Transfert d'argent) grâce à un design et un wording spécifiques.
Impact Potentiel
En améliorant l'UX de cette manière, on s'attend à :
Augmentation de l'Adoption Digitale
Encourager un plus grand nombre de clients à utiliser l'application pour leurs transactions quotidiennes.
Réduction de la Charge sur les Agences
Diminution des requêtes simples (consultation de solde, relevés) au guichet, permettant aux conseillers de se concentrer sur des services à valeur ajoutée.
Meilleur Taux de Complétion des Transactions
Une diminution de l'abandon de transaction grâce à des parcours simplifiés et sécurisés.
