Site web

Beneva

Un système de composantes au profit de la bienveillance

Travaux de mise en place d’un système de design pour l’ensemble des produits numériques de Beneva, une mutuelle d’assurance québécoise.

Année

Janvier à décembre 2024

Client

Travail effectué pour Beneva chez P2-CO

Expertises
Vignette du projet

À propos

Beneva est une des plus grandes compagnies d’assurance au Canada, née du regroupement entre La Capitale et SSQ. J’ai rejoint la direction de l’expérience utilisateur et de connaissance client en janvier 2024 pour venir prêter main forte à une nouvelle escouade supplémentaire assignée au site commercial.

Mon rôle

  • Designer en expérience utilisateur, dédié au site web

Principales tâches

  • Réalisation des différentes tâches en expérience utilisateur pour le site web de Beneva (travail d’escouade)
  • Mandats d’expertises de la direction UX pour la mise en place de normes et processus perreins dans la conception de projet
  • Rédaction de la documentation de projets et de processus pour le site commercial, en plus de normes internes à la direction
Direction

Mandats d’expertises

À travers mes tâches quotidiennes d’escouade, j’ai mené l’avancement de deux projets d’expertises pour ma direction, soit celui de la création de gabarits de documentation et du système de design, fait avec une petite équipe de 2 designers UX et 2 designers UI. Cette étude de cas présentera notre processus dans le cadre de ce projet précisément.

Process

Travail d’escouade

Dans mes tâches quotidiennes, en tant que designer UX, je mène l’équipe de conception afin de concevoir, d’optimiser et d’améliorer des pages et sections du site commercial, en fonction des demandes des secteurs, des données cybermétriques et des retours utilisateurs.

L’état de la librairie Figma pour le site web, à mon arrivée chez Beneva.

L’état de la librairie Figma pour le site web, à mon arrivée chez Beneva.

L’état de la librairie Figma à mon départ.

L’état de la librairie Figma à mon départ.

Contexte

Dans le passé, il y a eu plusieurs essais de créer et de maintenir un système de design pour l’ensemble des produits conçus par la direction. Il y a également plusieurs décisions au niveau TI et politique qui ont rendu difficile son maintient du projet en bonne et due forme. Puisque ma directrice était consciente de mon expérience avec les système de design, j’ai eu carte blanche et je me suis entourée des personnes les plus motivées à rendre le projet à terme. Nous avons identifier ensemble différentes actions qui nous aiderons à mettre en place les bases d’un système de design complet.

DA

La tâche la plus prioritaire était de migrer les librairies de composantes de XD vers Figma, et de les ajuster à leur état actuel dans les outils.

Puisque plusieurs produits utilisaient des versions différentes des composantes, nous avons décider comme première étape d’avoir différentes librairies pour chacun des outils, avec l’utilisation de Tokens provenant d’une librairie Fondation.

Tâche

Nous avons saisi l’occasion de mieux organiser les différentes librairies et les composantes en proposant une architecture d’information qui tient compte de leur utilisation, en plus de maintenir les fondations de la marque.

-/-

Plusieurs tests, ateliers et éléments de documentation ont été réalisés pour s’assurer de l’alignement entre les différents membres de l’équipe pour l’adoption du futur système de design.

Défis

Le contexte politique autour du temps assigné à un système de design, hors de notre direction, a fait que nous avons dû limiter notre scope initial des travaux à réaliser. Cependant, cela nous a tout de même permis d’apporter de la valeur à l’équipe en premier lieu, en structurant et améliorant la collaboration pour la conception des projets.

Temps de développement

Nous avons mis les bases pour une collaboration saine avec les développeurs pour chacun des espaces. Cependant, la limitation du temps de développement sur plusieurs projets a fait en sorte que nous avons du retirer rapidement cette partie du scope du projet.

Alignement

La multiplication des différentes technologies qui doivent être supportées par le système de design a fait que nous avons une dette UI très importante à adresser, ce qui pose un problème important pour l’expérience globale de nos utilisateurs.

prochaines étapes

Une présentation des différentes problématiques d’affaires sera faite au comité de gestion de notre direction afin d’obtenir du temps et des ressources pour approfondir le travail en cours par notre équipe.

Éléments de documentation mis en place dans les fichiers Figma pour mieux encadrer la rédaction et la mise en place de lignes directrices de documentations dans les différents projets.
Éléments de documentation mis en place dans les fichiers Figma pour mieux encadrer la rédaction et la mise en place de lignes directrices de documentations dans les différents projets.
Gabarit de documentation mis en place pour la rédaction de normes UX/UI/RUX pour chacune des composantes utilisées dans les différents outils, en plus de l’ajout d’éléments visuels à l’intérieur des librairies Figma.
Gabarit de documentation mis en place pour la rédaction de normes UX/UI/RUX pour chacune des composantes utilisées dans les différents outils, en plus de l’ajout d’éléments visuels à l’intérieur des librairies Figma.

Collaborateurs

Équipe projet

Designer UX: Heitor Costa
Designer UI: Christian Laprise, Charles-Étienne St-Jacques

direction de l’expérience utilisateur

Directrice Expérience numérique UX/UI: Marie-Pierre Leduc
Designers UX: David Lebel, Dominic Tremblay, Gabrielle Saintonge, Jonathan Belzile, Annie Gosselin, Heitor Costa, Perrine Vin
Designers UI: Ève Bisson, Christian Laprise, Kyan Daigneault, Charles-Étienne St-Jacques, Florian Ruée
Rédactrices UX: Alexandra Gagnon-Nadeau, Christine Lacaze, Joanie Peloquin-Dumoulin