Étude de cas · Audit UX et refonte
Bank ALBILAD : un site bancaire repensé autour de ce que les clients viennent faire.
Bank Albilad est une banque islamique d'Arabie saoudite. Son site s'adressait à des lecteurs arabophones et anglophones, mais on y trouvait mal les quelques actions pour lesquelles on vient. J'ai audité le site, puis repensé la page d'accueil et les sections de services.
Le contexte
Bank ALBILAD
On va sur le site d'une banque pour quelques tâches précises : ouvrir un compte, demander un financement ou une carte, trouver de l'aide. Chez Albilad, ces tâches étaient cachées derrière des menus denses, des carrousels et des blocs façon blog.
Le travail a eu deux temps : un audit des pages existantes au regard des principes d'utilisabilité, puis la refonte de la page d'accueil et des sections de services, dans les deux sens de lecture.
Ce que j'ai observé
Avant de dessiner, trouver où ça casse.
L'audit a relevé huit problèmes. Ces cinq-là pesaient le plus.
- 01
Une navigation confuse
Des menus trop serrés, un bouton de connexion figé, et une mise en page qui ne s'adaptait pas entre l'arabe et l'anglais.
- 02
Pas de hiérarchie visuelle
Le haut de page, les offres et les boutons étaient mal alignés : rien ne désignait l'étape suivante.
- 03
Des services mal présentés
Les produits clés n'avaient ni description, ni bouton clair, et une mise en page plus proche d'un blog que d'une banque.
- 04
Des manques d'accessibilité
Pas de vrai passage de la droite vers la gauche selon la langue, et des messages d'erreur incohérents.
- 05
Nulle part où trouver de l'aide
Aucune rubrique d'aide ni FAQ visible, pas de place pour l'application mobile, et des éléments datés encore en page.
Ce que j'ai décidé
Quatre décisions qui font les écrans.
- 01
Un en-tête simplifié
Des menus regroupés par produit, Connexion et Ouvrir un compte toujours à portée, et une mise en page qui s'inverse proprement en arabe.
- 02
Les produits en cartes
Compte courant, financement immobilier, cartes : une carte chacun, une ligne d'explication, Apply Now et Learn More.
- 03
Des pages de service, pas des articles
Le contenu passe de blocs façon blog à des présentations de services structurées, qu'un client peut comparer.
- 04
L'aide bien visible
Une entrée Aide et FAQ visible, une section pour l'application mobile, des états de chargement et des messages d'erreur clairs.
Les écrans
Avant, après, et les détails.
