Crédit Mutuel Nord Europe

Refonte UX/UI des sites vitrine et mobile

Crédit Mutuel Nord Europe

Refonte UX/UI des sites vitrine et mobile

L’avis de notre client

Logo Crédit Mutuel
Laurence TESSON
Directrice communication et marketing digital
« Le bilan est positif à tous les niveaux : nous avons tous beaucoup travaillé, mais avec une grande liberté d’action et réussi à imposer les besoins de nos utilisateurs à notre propre organisation. Le site est aujourd’hui parfaitement adapté au mobile, les parcours sont simples. Les performances sont spectaculaires ! »

Mission

Un site responsive mobile first conçu par et pour les clients du Crédit Mutuel Nord Europe

Afin de garantir une expérience homogène et fluide, nous avons refondu le site vitrine porteur de l’offre de service ainsi que le site institutionnel porteur des valeurs du Groupe.


L’objectif était d’augmenter le taux de conversion et le trafic en remaniant la navigation sur mobile. Le précédent site posait de nombreux problèmes d’ergonomie et proposait une expérience utilisateur insatisfaisante.

"Pionniers sur l’UX et fort de notre succès, nous sommes maintenant pilotes pour d’autres projets UX au sein du groupe Crédit Mutuel."

Nous avons fait le choix de développer une approche par univers de besoin au lieu d’une approche par produits et services bancaires que l’on retrouve habituellement dans cette typologie de site. Cet arbitrage est un succès car il rend les sites plus conviviaux et surtout, plus proches des besoins des utilisateurs.

Cela contribue à une expérience de recherche plus performante. Les résultats des tests utilisateurs ne laissent aucun doute.

Résultats

Les résultats ont été à la hauteur des attentes du Groupe et de l’énergie de toutes les parties prenantes engagées dans ce projet ambitieux :

  • Une augmentation de 300% des pages vues entre Janvier et Avril
  • Une nette augmentation des leads pertinents et des appels au service commercial
 

Le site web a été particulièrement optimisé pour l’usage mobile. L’attention a été portée sur la continuité et la fluidité de l’expérience entre le site vitrine, le site institutionnel et le blog.

Le nouveau site du CMNE

Notre méthode

On ne le dira jamais assez : placer l’utilisateur au centre de la stratégie de conception, cela change tout !

Plus de 50 utilisateurs ont été mis à contribution pour la réalisation de ce projet.

"L’implication des utilisateurs tout au long de la refonte de nos sites nous a permis de prendre les bonnes décisions et de verrouiller les orientations prises au fur et à mesure du projet."

Ces utilisateurs ont été sollicités à toutes les étapes de conception du projet : lors des phases préliminaires d’analyse comportementale, lors des ateliers de conception et pendant les tests utilisateurs.

Ce sont eux qui ont pointés les problèmes du précédent site, constats précieux pour déterminer les nouveaux arbitrages. Ce sont encore les utilisateurs qui ont validé la nouvelle arborescence du site et la nouvelle expérience de navigation lors des tests utilisateurs.

Les différentes étapes de la méthode

  1. UX Research
  2. Tri des cartes
  3. Maquettage
  4. Design System

Simplicité, efficacité, clarté

Une stratégie de conception résolument orientée vers les modes d’utilisations du mobile

En épurant le design et en faisant le choix de retirer toutes les bannières commerciales ou publicitaires, nous avons considérablement augmenté la performance UX du site tout en proposant un design sobre, moderne et efficace. 

La page d’accueil met en avant l’expérience de recherche et les univers de besoin rompant avec le traditionnel catalogue d’offres bancaires : épargne, assurance, crédit, etc.

 

Le nouveau site CMNE en version desktop et mobile.
Une page d'accueil 100% responsive avec une mise en avant des outils des univers de besoin

Une stratégie de conception résolument orientée vers le mobile

Les écrans mobile du nouveau site CMNE conçus selon une démarche UX/UI avec Usabilis.
La déclinaison mobile du site
L'écran "carte bancaire" de l'application mobile CMNE.
Page carte bancaire version mobile

Pour le site institutionnel, l’enjeu était d’installer le territoire de la marque et les valeurs de CMNE sans rupture avec les codes du site vitrine.

Page d'accueil du site institutionnel CMNE.

Nos autres réalisations

Ecrans de l'application mobile Suez "Tout sur mon eau" refondus avec Usabilis en Web responsive.
Ecrans de l'application mobile Le Parisien sur laquelle Usabilis a conduit des tests utilisateurs avec eye-tracking.
SAB Mobile conçu avec Usabilis : les écrans du virement bancaire sur mobile.

Newsletter

Abonnez-vous à notre newsletter pour rester informé de l’actualité digitale, UX et UI

Inscription validée !
inscription-validee

Merci :)

Vous faites maintenant partie des heureux lecteurs de la newsletter Usabilis.

N’hésitez pas à nous faire part de vos commentaires ou de vos questions. Nous restons à votre écoute.

A bientôt !