MAIF : UX/UI Design Accessible
UX/UI Designer dédiée à l'accessibilité à la MAIF. L’objectif : 6 mois pour atteindre le statut partiellement conforme des parcours et composants du site maif.fr.
-
Rédaction de documents de bonnes pratiques
-
Réalisation de maquettes UX/UI accessibles
-
Conseil auprès des autres designers
Le contexte : un audit RGAA, une squad dédiée, six mois chrono
Suite à un audit d'accessibilité réalisé par la société Temesis sur des échantillons de parcours du site maif.fr, la MAIF a créé une squad temporairement dédiée à la mise en place de solutions ergonomiques, graphiques et techniques pour répondre aux problématiques identifiées et enfin atteindre le statut partiellement conforme au RGAA.
En tant qu’UX/UI designer spécialisée en accessibilité, j’ai été sollicitée par Temesis pour rejoindre l'équipe de la MAIF durant 6 mois, à temps partiel. J'ai donc rejoint en 2023 la squad Accessibilité, alors constituée d’un chef de projet + scrum master, développeurs et testeurs, et moi-même en design UX et UI. Objectif de notre équipe : résoudre les points non conformes critiques, repasser l'audit, atteindre le statut partiellement conforme RGAA, puis dissoudre la squad, pour que l'accessibilité devienne l'affaire de toutes les équipes produit.
👉 Ma mission, en 6 mois top chrono :
Accompagner cette squad dans la résolution des problèmes identifiés en respectant les critères d’accessibilité du RGAA liés au design d’interface ;
Rédiger des guides de bonnes pratiques pour partager nos recommandations sur-mesure et faire évoluer le design system et le process de spécification des maquettes ;
Conseiller les designers des autres équipes pour que l’accessibilité soit bien prise en compte dès les phases de conception, et ainsi dissoudre la squad temporairement dédiée aux correctifs critiques urgents.
La gestion de l'accessibilité à la MAIF, c’est une partie de la culture d’entreprise et des valeurs partagées par leur équipe engagée : l'accessibilité n'était pas vécue comme une contrainte, mais comme un vrai sujet d'inclusion sur lequel les acteurs du numérique doivent évoluer ☀️
Aperçu des travaux UX/UI réalisés
Amélioration des formulaires et champs de saisie
Sur un site d’assurance, bien-sûr que l’un des enjeux principaux des parcours utilisateurs était au niveau des formulaires, plutôt complexes, proposés.
Entourée de la chouette équipe de la MAIF, notamment d’UX designers, UX writers et des référents Temesis, nous avons notamment proposé les améliorations suivantes :
-
Gestion des messages d’erreur
Identification des typologies de messages d’erreur pour uniformiser, clarifier et standardiser les wording transmis aux utilisateurs selon leur contexte et usage. -
Amélioration des aides à la saisie
Au même titre que les messages d’erreur, les aides à la saisie ont été documentés pour être standardisés et intégrées au design system alors en cours de refonte sur Figma. -
Navigation du formulaire
Améliorations du parcours utilisateur dans les formulaires complexes (en plusieurs étapes, gestion des CTA de validation et des messages de confirmation, affichage des loaders, etc.)
Rédaction de guides de bonnes pratiques sur-mesure
Appuyés sur les critères du RGAA, nous avons rédigé des documents partagés à toutes les équipes sur des sujets précis, afin de transmettre l’avancée des travaux et permettre l’intégration de ces recommandations dans les supports dédiés (design system, process de spécification aux développeurs, tickets Jira...), par exemple :
Guide d’utilisation des couleurs et des contrastes
Guide de conception des formulaires accessibles
Guide de rédaction des contenus web administrables (texte, visuels, audio...)
Etc.
L’objectif avec ces guides : que les règles deviennent des réflexes dès la conception, pas des correctifs de dernière minute en développement.
6 mois plus tard... Les résultats !
Ma mission au sein de la squad accessibilité s’est terminée au bout de 6 mois, en décembre 2023. Un audit de conformité a été réalisé l'année suivante et a confirmé l'atteinte de l'objectif initial : grâce au travail de toute l'équipe, le statut partiellement conforme RGAA a été obtenu !
La squad accessibilité a été dissoute comme prévu, pour mieux s’intégrer dans chaque équipe métier dès la phase conception. Une belle consécration !
Merci à Temesis et à toute l’équipe de la Digital Factory MAIF pour leur confiance sur ce beau projet, éthique et humain 🙌
À la recherche d'un webdesigner freelance ?
Vous avez un projet de création ou refonte de site e-commerce, plateforme Saas ou application mobile ?
👉 Spécialisée en UX/UI design depuis 8 ans, je serais ravie de vous accompagner dans votre projet !
Quelques projets en UX/UI Design
Découvrez mes projets réalisés sur-mesure, conçus pour répondre aux objectifs de mes client et aux besoins de leurs utilisateurs.
-
UX/UI Design de l'application mobile Calpin
Design d’une application pour accompagner les golfeurs dans leur progression du sport.
-
UX/UI design de l’application mobile
-
Prototype interactif Figma
-
-
Webdesign du site e‑commerce Ecomatelas
Refonte d'un site e-commerce de vente de matelas reconditionnés. Réalisation en binôme avec une UX designer.
-
Amélioration des pages stratégiques
-
Modernisation de la charte graphique
-
Visuels pour les réseaux sociaux
-
-
MeasureAll : UX/UI Design d’une app de prise de mesures sur plan
Design d’une app de prise de mesures sur plan pour estimer leurs besoins en matériaux des particuliers et pros du bâtiment.
-
Refonte complète du parcours utilisateur
-
Modernisation de la charte graphique
-
Design de l’app icon
-
-
Refonte du site web Haploïde
Refonte du webdesign du site vitrine d'une agence de conception de sites internets éco-conçus et accessibles.
-
Modernisation de la charte graphique
-
Intégration de nouvelles fonctionnalités
-