Maif

La refonte du design system de la MAIF
Web app - Design SystemDocumentationUX research

Maif est un acteur majeur dans le paysage français de l’assurance. La mutuelle est n°1 de la relation client depuis 20 ans et prête une attention particulière au bien être de ses salariés.

C’est dans ce cadre que la Maif nous a demandé d’intervenir pour continuer à améliorer ses interfaces conseillers, notamment via un design system.

“Ici, on mettra une citation de client, car on en a de plus en plus. Pas besoin donc de rédiger cette section car on s’occupe de tout récupérer.”

Bruno Pommerel - Responsable équipe UX design - MAIF

maif-content.png

La recette magique pour un projet réussi

 

 

💬 La demande

 

Pour gagner en homogénéité d’expérience utilisateur sur toutes ses interfaces, Maif souhaite muscler son design system existant. Considéré en interne comme un produit en tant que tel devra se vouloir le plus accessible possible, le plus éco-conçu et tenir compte de toutes les contraintes techniques tout en répondant à tous les besoins d’interfaces actuelles.

 

 

🎯 La stratégie

 

Nous avons engagé cette mission par une User Research sur les outils métier des conseillers et des gestionnaires de sinistres afin d’identifier tous les communs et leurs usages. S’en est suivi une phase de co-construction, d’étude et enfin de documentation des composants et pattern.

 

 

🤝 L’accompagnement

 

Notre designer travaillait en étroite collaboration avec tout le reste de l’équipe design, utilisatrice du design system au quotidien, mais également des équipes de développement. 

Sur cette mission de six mois, nous avons eu des phases d’observation de terrain, des phases de collaboration pour construire, une phase de production et enfin une phase de diffusion auprès de chacun des acteurs.

 

 

💪 Le challenge

 

La synchronisation des équipes fut le premier défi. Il a effectivement fallu coordonner une multitude de profils afin d’avoir un design system partagé par tous et dont chacun se sente acteur. 

Le second challenge a été de concevoir une documentation claire et facilement appropriable par tous.Plus l’usage de chaque composant est logique et compréhensible, plus il sera utilisé.

 

 

Le résultat

 

Le projet comprend finalement une librairie composants, de patterns et templates à destination des designers ainsi qu’une documentation détaillée. 

Cette documentation regroupe toutes les bonnes pratiques qui doivent être partagées par toutes les acteurs de l’IT Maif. Elle est illustrée, concise et digeste.

 

 

maif-content2.png