Refonte du site de MBA Mutuelle

Ajuster les enjeux et faciliter la gestion du site

MBA Mutuelle est une mutuelle de proximité présente dans le Grand Ouest depuis 1947. Malgré une proximité forte et historique auprès de ses administrés, MBA Mutuelle a eu besoin de repenser sa stratégie digitale, et notamment l’expérience fournie par son site Internet à ses prospects.

En effet, leur site s’avérait vieillissant d’un point de vue technique, avec une structure davantage tournée vers les adhérents que sa cible, et accumulant des centaines d’articles ne rendant pas service aux objectifs SEO.

Les équipes de MBA Mutuelle nous ont donc demandé de les accompagner dans la refonte de leur site Internet, avec des objectifs clairs :

• un site dont l’administration et la gestion sont simples,
• pensé par rapport aux enjeux SEO,
• attrayant, clair et offrant une bonne expérience utilisateurs,
• accessible et écoconçu au maximum,
• avec des intentions précises en termes de sécurité et de conformité RGPD.

Fin 2024, nous lancions donc cette refonte engagée, depuis les bureaux (avec vue panoramique) de la mutuelle, à seulement quelques arrêts de métro de l’Agence.

Une approche collaborative et itérative

Pour débuter ce projet dans les meilleures conditions, Bérengère, UX Researcher, a réalisé une étude sur les complémentaires santé pour offrir un socle solide de connaissances à notre équipe interne et faciliter l’immersion. Carine, cheffe de projet, a également pris le temps de définir des objectifs SMART (Spécifiques, Mesurables, Atteignables, Réalistes et Temporellement définis) avec l’équipe clients pour nous donner des repères concrets pour cette refonte. Ces objectifs concernaient, par exemple, le taux de rebond sur certaines pages du site, le trafic SEO, l’EcoIndex de certaines pages, le taux de conformité RGAA de ces mêmes pages, les scores PageSpeed Insights, etc.

Le projet s’est ensuite déroulé de façon classique : une immersion, une phase de conception puis de webdesign, le développement back-end et front-end, et, enfin, la mise en ligne. En parallèle, un accompagnement SEO a été mené pour guider à la rédaction de pages en accord avec les objectifs de référencement de MBA Mutuelle et de ses cibles.

Une expérience utilisateurs repensée

Des ateliers pour affiner les parcours utilisateurs

La phase de conception a commencé par la définition de proto-personas de leurs deux cibles principales : les retraités et les chefs d’entreprise (TNS et TPE-PME). S’en est suivie la création des parcours utilisateurs à l’occasion d’ateliers avec les clients, à partir de ces mêmes proto-personas. L’objectif était que les parcours soient simples, tout en fournissant les bonnes informations au bon endroit pour les futurs utilisateurs. L’accent a été mis sur les points de contact : à quel moment l’utilisateur doit pouvoir demander un devis ou initier une prise de contact.

Cela a été suivi d’un travail de zoning et de wireframes, aussi bien pour la navigation (avec un méga-menu) que pour 7 pages clés ou type de pages clés du site : accueil, offre, contact, agence, conseils, offre d’emploi, hub.

Une direction artistique ajustée

L’identité visuelle de MBA Mutuelle n’était pas mise à jour sur le précédent site Internet, seulement sur un support Powerpoint. Arnaud, designer UX/UI, s’en est servi comme base pour proposer une direction artistique harmonieuse et moderne, en accord avec l’image de marque. Il a décliné les pistes existantes pour ajouter de nouveaux éléments :

• un brun en couleur secondaire, en complément du rouge de la marque, pour créer du rythme et mettre en valeur certains éléments graphiques,
• un beige destiné à adoucir les fonds et à rendre la lecture plus confortable,
• enfin, un jeu d’arrondis venant renforcer le style graphique de l’identité MBA tout en améliorant l’affordance de certains éléments clés.

L’idée, c’est que le site donne l’impression d’apporter de la douceur et de la clarté à des sujets complexes.

Pour compléter ce travail, Arnaud a également créé un micro brief pour guider le choix des photos qui seront ensuite intégrées au site par les clients. En effet, une jolie direction artistique ne sera pas mise en valeur si les images qui l’accompagnent ne sont pas en accord avec les couleurs du site, par exemple. Dans le brief, il propose des tons à privilégier, des angles de prise de vue, des premiers choix au sein de librairies d’images… Dans les grandes lignes, les photos doivent être représentatives, inclusives et chaleureuses.

Est ensuite venu le moment de créer les maquettes, pour les mêmes pages que les wireframes, avec, en plus, une page de contenus flexibles. Comme pour tout projet, des maquettes mobiles ont aussi été produites pour proposer un site complètement responsive.

Un développement sur mesure sous WordPress

L’un des gros enjeux de cette refonte était l’administration de contenus. L’ancien site de MBA Mutuelle avait été développé sous un CMS propriétaire, et avec les années et le grand nombre de contenus et formulaires de contact, l’administration des contenus était devenue très complexe. L’équipe clients attendait donc de nous de leur fournir un back-office épuré, productif, avec une prise en main simple, offrant à la fois de la souplesse et de la structure (pour respecter l’arborescence et les maquettes graphiques).

Pour cela, Hugo, développeur back-end, s’est appuyé sur notre stack technique WordPress pour développer un site sur mesure, adapté aux besoins de l’équipe clients et facile à prendre en main. Avant la mise en ligne, les clients ont d’ailleurs été formés le temps d’une heure pour comprendre le fonctionnement de leur nouveau back-office.

Un élément qui a été prévu sur le site, c’est le fait de pouvoir mettre automatiquement à jour certains contenus. En effet, les mutuelles peuvent être amenées à actualiser certaines de leurs informations chaque année et plutôt que de repasser sur chaque page une par une pour le faire, nous avons mis en place un système permettant de répercuter une évolution à tous les endroits utiles. Cela représente un important gain de temps d’administration.

Un développement accessible et performant

C’est Manuel qui s’est chargé du développement front-end du nouveau site. Avant toute chose, il a réalisé un pré-audit de trois pages clés du site existant, pour que nous puissions faire un comparatif clair sur des questions de performances, d’accessibilité et d’écoconception à la fin du projet.

Côté développement front-end, cette refonte était un projet relativement classique. Une grande vigilance a été portée à l’accessibilité, l’écoconception et à la performance. En phase de conception, il avait été décidé de ne pas réintégrer de moteur de recherche et de chatbot sur le site, pourtant présents sur l’ancienne version. Ils étaient peu utilisés ou peu pertinents : cela a permis de jouer en faveur de la web performance du nouveau site.

Comme pour tous nos projets, Manuel a suivi de près notre checklist qualité interne : le site a donc été développé en respectant un grand nombre de critères liés à l’écoconception (ex : optimisation des images et scripts), l’accessibilité (ex : attributs ALT, lisibilité des textes) ou le SEO technique.

Un accompagnement à la rédaction SEO

Plus qu’un accompagnement à la rédaction SEO, l’ensemble du projet a été pensé en fonction des objectifs de référencement naturel de MBA Mutuelle. Un premier état des lieux des mots clés sur lesquels la marque était positionnée a été réalisé en début de projet. Depuis la mise en ligne, le suivi continue.

L’accompagnement concernait également le contenu éditorial des pages centrales pour le site, comme l’offre TNS ou l’offre pour les retraités. Des recommandations SEO ont été données : arborescence, maillage interne, métadonnées, densité de mots clés, etc. Ce travail a été produit en binôme par Carine, la cheffe de projet et Ynès, rédactrice web.

En parallèle, les clients ont dû opérer un gros travail de tri et de réécriture de leurs contenus pour s’adresser davantage aux prospects qu’aux adhérents, et mieux référencer leurs pages sur les moteurs de recherche. Sur les 380 pages initiales, 105 pages de contenus ont été conservées et 48 pages de blog : ça fait un sacré ménage ! Cela a impliqué un plan de redirections adapté.

Un site de mutuelle attractif, performant et centré utilisateurs

La mise en ligne de cette refonte pour MBA Mutuelle a eu lieu le 27 mai 2025, après une collaboration agence-clients d’une très grande qualité ! En effet, l’équipe de MBA Mutuelle s’est grandement impliquée tout au long du projet et a été d’une réactivité exemplaire. Ce fut un véritable plaisir pour nous d’accompagner des clients aussi soucieux de bien faire pour les utilisateurs de leur site comme dans leur collaboration avec nous. Un grand merci à eux pour leur confiance.

Côté objectifs, qu’est-ce que ça a donné ?

Pour évaluer la réussite de cette refonte dans son intégralité, il va falloir faire un état des lieux à long terme. Pour autant, nous pouvons déjà dire que :

• la page d’accueil est passée d’un EcoIndex de E à C,
• le nombre de formulaires existants est passé de 58 à une quinzaine : pour la gestion interne, cela facilite beaucoup de choses,
• le score PageSpeed Insights est passé de 51/100 à 93/100 sur mobile pour la page d’accueil, soit un gain de 42 points,
• la migration vers l’outil Matomo, en remplacement de Google Analytics, permet d’assurer une totale conformité avec le RGPD.

Encore merci à MBA Mutuelle de nous avoir fait confiance pour la refonte de son site Internet ! Si vous avez besoin, vous aussi, de repenser votre portail web, partagez-nous votre projet !