Proposition de refonte — Web Banking

iBank Neo 2.0
Un portail qui mérite
votre confiance

Audit complet, refonte UX/UI, back-office intégré — une offre prête à déployer, prouvée par une démo fonctionnelle.

Migabo Heritage — Octobre 2026 · Démo : neo2-demo (codes 1122 / 2200 / 3300)

Le constat

Nous avons audité le portail actuel.
Résultat : 16/40.

Méthode d'audit professionnel : 10 heuristiques de Nielsen évaluées en aveugle + sondes d'accessibilité WCAG et mesures de performance en conditions réelles.

16/40

Score Nielsen global

« Refonte UX majeure requise » — bande « Poor » : les utilisateurs abandonnent avant d'être satisfaits.

2×P0

Bloquants majeurs

Artefacts de développement visibles en production + zéro feedback pendant les chargements critiques.

34%

Échecs de connexion estimés

Un CAPTCHA de 23 px, sans label, est le principal goulot du parcours de connexion.

Détail de l'audit — les 5 failles critiques

Chaque faille documentée, mesurée, prouvable.

SévéritéFaille constatéeImpact mesuré
P0Textes techniques affichés en production (« VARIABLE GLOBALE », « #CARD_INITIALS# ») — la page de connexion n'identifie même pas la banqueSignal de phishing : le client hésite à saisir ses identifiants
P0Aucun indicateur pendant les chargements — l'indicateur natif est masqué en CSSÉcrans figés 10 à 60 s → double-clics et rafraîchissements sur soumissions bancaires
P1CAPTCHA illisible (23 px), sans label, sans alternative lecteur d'écranÉchec WCAG 1.1.1 / 1.3.1 / 4.1.2 — bloque l'accessibilité et les mobiles
P1Hiérarchie visuelle cassée : titre 16 px en police manuscrite, plus petit que le boutonContraste non garanti (1,99:1 mesuré) — hiérarchie illisible
P2Mobile non maîtrisé : contenu coupé, cibles tactiles 12 px, scroll bloquéSur mobile — usage dominant au Burundi — le CTA principal est inaccessible

La réponse

Une refonte complète, pas un rafistolage.

iBank Neo 2.0 reprend chaque faille de l'audit et y répond par une décision de design documentée — avec pour objectif un score d'excellence.

Preuve n°1 — le portail public

Chaque promesse est visible
sur la page d'accueil.

  • ✓Hero bancable — titre lisible, 2 actions hiérarchisées, badge de sécurité visible dès l'arrivée.
  • ✓Section « Avant / Après » — l'audit devient un argument commercial, pas un rapport enfoui.
  • ✓Parcours en 4 étapes — inscription expliquée avant même de commencer.
  • ✓Connexion accessible — labels, autocomplete, mot de passe oublié en lien discret.

Corrections directement implémentées

✅ Titre d'onglet propre et identifiant
✅ Skip-link d'accessibilité
✅ autocomplete username / current-password
✅ Cibles tactiles ≥ 44 px
✅ Zéro overflow:hidden — scroll libre
✅ Une seule échelle typographique

Preuve n°2 — l'espace client

Un back-office que les agences
peuvent vraiment utiliser.

👤 Client — code 1122

Tableau de bord : soldes, historique temps réel, virements guidés en 3 étapes avec confirmation, suivi de crédit et échéancier clair.

🏦 Agence — code 2200

File des demandes en attente : ouverture de compte, réinitialisations, attestations. Chaque action notifie le client par SMS.

📊 Direction — code 3300

Indicateurs d'adoption : clients actifs, taux de connexion par jour, échecs de connexion avant/après, top agences.

Trois profils, trois besoins — un seul portail cohérent. Démonstration complète dans la démo interactive.

Sécurité

La sécurité est une interface,
pas un avertissement.

Impact business

Ce que la refonte change
pour vos chiffres.

-94%

Échecs de connexion

En supprimant le CAPTCHA illisible au profit de l'OTP : de 34 % à ~1-2 % d'échecs estimés.

+40%

Adoption mobile

Un portail enfin utilisable sur téléphone capte la clientèle jeune et hors agence.

-30%

Appels en agence

Moins d'abandons = moins de « je n'arrive pas à me connecter » au guichet.

Chaque chiffre est un objectif mesurable, traçable dans l'espace Direction de la démo.

Méthode

Déroulé du projet : 4 phases,
livrables à chaque étape.

Phase 1 — Semaine 1-2

Audit partagé & cadrage

Restitution de l'audit aux équipes, priorisation P0/P1/P2 avec vos métiers, validation du périmètre.

Phase 2 — Semaine 3-6

Refonte UX/UI

Maquettes des écrans clés, validation visuelle, corrections P0+P1, tests d'accessibilité AA.

Phase 3 — Semaine 7-9

Intégration bancaire

Connexion aux services existants (core banking, SMS gateway), parcours OTP de bout en bout, tests de charge.

Phase 4 — Semaine 10-12

Mise en production accompagnée

Bascule progressive, formation des agences, tableau de bord d'adoption, plan de suivi trimestriel.

Ce que vous recevez

Livrables concrets,
pas des promesses.

  • →Portail public refondu — accueil, connexion, inscription en 4 étapes.
  • →Espace client 3 profils — client, agence, direction.
  • →Design system documenté — couleurs, typographie, composants : la banque garde la main.
  • →Rapport d'audit complet — la base factuelle de la décision.

Engagements qualité

✅ Score Nielsen cible ≥ 36/40
✅ Accessibilité WCAG AA sur parcours clés
✅ Chargement < 3 s sur 3G
✅ Zéro artefact technique en production
✅ Formation des équipes incluse

Pourquoi nous

Nous livrons des produits finis,
déployés, mesurables.

Cette présentation n'est pas un devis : c'est un produit déjà construit. La démo que vous avez sous les yeux est le fruit d'un audit réel du portail actuel et d'une refonte complète, exécutée avant même d'être commandée.

iBank Neo 2.0
1 / 12