Refonte des pages conseils pour Groupama
UX/UI design
Lors de mon stage chez Groupama, j'ai refait l'interface des pages "conseils" pour les rendre plus attractives et compréhensibles pour les prospects et clients.
Un objectif SEO au détriment de l'utilisabilité
La première vocation des pages conseils est de référencer le site de Groupama sur les questions de ses clients. Autrement dit, elles ont un but strictement SEO (Search Engine Optimization).
Les enquêtes ont révélé plusieurs problèmes :
⊹ Taille de texte et interlignage trop petits
⊹ Manque de visuels accrocheurs
⊹ Pas de navigation claire (plan d'article ou fil d'Ariane)
⊹ Manque d'affordance sur les contenus vidéo
Des composants pour s'adapter aux besoins de l'équipe éditoriale
En parallèle de l’enquête utilisateurs, je me suis aussi intéressée aux besoins de l’équipe éditoriale, celle qui produit le contenu des pages. Leur demande était claire : disposer de composants pour structurer et mettre en valeur les informations.
Guider l'utilisateur grâce au sommaire interactif
Le sommaire est désormais fixe sur le côté gauche de la page. Ainsi, l'utilisateur peut l'avoir toujours à disposition. Il lui indique sa progression dans l'article et les différentes parties.
C'est aussi un espace stratégique pour Groupama qui peut y mettre un CTA, perpétuellement à l'écran, vers une offre.
Hiérarchiser le texte pour une meilleure lecture
J'ai travaillé l'apparence des titres (H1, H2, etc.) pour les rendre attractifs. La bonne hiérarchisation du contenu est également un principe d'accessibilité. La taille du texte et la largeur des paragraphes sont faites pour rendre la lecture la plus confortable possible.
