Aller au contenu
Tom Berruyer
01 Projet

← Tous les projets

Crédit Agricole CIB Relation client

Product Designer au sein du studio design de Crédit Agricole CIB. J’y menais, en binôme avec un Lead Designer, le design d’Optimall : le portail qui met en relation les clients et les banquiers d’affaires.

Rôle
Product Designer
Entreprise
Crédit Agricole CIB
Année
2024
Outils
Figma / Figjam / Confluence / Jira
Expertises
Product design / Transfo digitale / Design system / Prototype
Hero du portail Optimall : « Facilitez votre quotidien bancaire », avec un aperçu des widgets de services
Étude de cas

Contexte

Optimall est une plateforme numérique proposée par Crédit Agricole CIB (CA-CIB), la banque de financement et d’investissement du Crédit Agricole. Elle offre aux clients un accès aux informations, produits et services digitaux de la banque, facilitant ainsi la gestion de leurs besoins financiers.

J’ai rejoint le projet Optimall chez CA-CIB pour améliorer et faire évoluer cette plateforme tant sur le plan design que sur le plan méthodologie.

L’équipe Design était de moi et d’un Lead Designer. L’équipe était composée de deux squads composées de product owners, business analysts, chefs de projet, développeurs (front / back). Au total, l’équipe Optimall est composée d’une trentaine de personnes.
Malgré tout, la maturité Agile n’était pas au rendez-vous et notre mission était aussi de transformer les parties prenantes, pour les acculturer à la méthode Agile et aux méthodologies design.

Écran d’accueil d’Optimall montrant les widgets de services personnalisables
Fig. 1Le portail Optimall et ses widgets de services

Audit

Afin de qualifier au mieux le besoin il a fallu se pencher sur 3 axes :

Problème actuel

Une dette design et ergonomique sur la plateforme mais aussi sur les méthodologies des précédents designers au sein de Figma (utilisation des design tokens, organisation des fichiers...).

L’objectif

Apporter notre expertise design pour répondre au mieux aux besoins des utilisateurs et faire valoir l’importance du design.

Sous-objectif

Mettre en place une transformation digitale pour rendre les équipes plus matures aux méthodologies adéquates pour ne plus itérer sur intuition.

État des lieux

Afin de pouvoir travailler efficacement et de façon pertinente pour, par la suite, pouvoir transformer, il a fallu analyser et comprendre le fonctionnement des équipes pour l’apprivoiser et s’y adapter.

Le but, dans un premier temps, était de réellement comprendre le rôle du designer au sein des équipes : ce qui était mis en place et les actions qu’il allait falloir mener.

Quand je suis arrivé sur le projet, le designer avait un rôle assez exécutif, basé sur les intuitions des parties prenantes sans forcément faire des ateliers de co-conception ni d’analyser les comportements des différents utilisateurs.

L’objectif était donc de réussir à faire évoluer la place et le rôle du designer au sein du projet. Le tout dans un laps de temps assez court.

Actions menées

Pour mettre en œuvre le rôle clé d’un designer, nous avons dans un premier temps réorganisé nos étapes d’intervention sur les sujets afin de faire valoir de la bonne manière notre métier.
Il a donc fallu acquérir la confiance des parties prenantes, rattraper la dette design présente sur Figma, et commencer à mettre en place des ateliers avec les métiers fonctionnels pour faire un premier pas vers la maturité design.

Le défi a été de taille car il fallait démontrer aux parties prenantes, que revenir à une étape de divergence pour mieux converger allait être bénéfique pour répondre au mieux aux besoins.

De plus, j’ai proposé un nouveau format de weekly entre designers plus pertinent afin de tirer des bénéfices de ce point hebdomadaire et de renforcer la cohésion entre designers dans l’équipe.

Nouveau format de point hebdomadaire entre designers, présenté sur un tableau Figjam
Fig. 2Le nouveau format de weekly entre designers

En parallèle, j’ai construit un nouveau processus d’organisation sur Figma, qui permettait d’allier cohérence avec les EPICS et cohésion avec les équipes fonctionnelles et ainsi responsabiliser tout le monde sur le processus de la création de nouvelles features.

Initialement, nous avions 1 fichier regroupant l’entièreté des maquettes. Ce qui n’était plus viable puisque l’on commençait à ne plus savoir comment les trier, comment gérer le versioning, et plus rien n’était structuré. On ne savait plus ce qui était développé, ce qui ne l’était pas etc.
Le choix de créer 1 fichier par EPIC semblait donc le plus logique pour moi car cela permettrait de maintenir les dernières maquettes à jour sans tout mélanger. Chaque fichier était composé de plusieurs pages permettant à toutes parties prenantes de comprendre là où chercher l’information souhaitée.

Les covers des fichiers ont été étudiées pour trouver toutes les informations nécessaires à l’EPIC en question.

Covers de fichiers Figma organisées par EPIC, chacune portant les informations clés du sujet
Fig. 3Un fichier par EPIC, avec sa cover documentée

Travail effectué

En dehors du retravail des processus design, j’ai évidemment fait du design. Les ateliers d’idéation et de co-conception n’étaient pas une habitude sur le projet, j’ai donc essayé d’instaurer ça avec les différentes parties prenantes. Cela allait permettre de commencer à inscrire un premier pas dans la transformation que l’on souhaitait faire. En parallèle, le lead designer a commencé des entretiens utilisateurs ainsi que des tests utilisateurs puisque c’est quelque chose qui était inexistant auparavant.

Atelier d’idéation mené avec les parties prenantes du projet Optimall
Fig. 4Atelier d’idéation avec les parties prenantes

Ces ateliers ont découlé d’un travail UI sur Figma, et plus explicitement des maquettes et/ou prototypes.

Série de maquettes et de prototypes Figma issus des ateliers de co-conception
Fig. 5Maquettes et prototypes issus des ateliers

En outre, en tant que membre de la guilde Design System du Crédit Agricole CIB, j’ai participé avec l’équipe Design System, à son évolution et son amélioration constante, en ayant comme avantage d’en être un utilisateur quotidien. Cette implication passe donc par la création de composants et de la documentation de ceux-ci, mais également de la participation aux ateliers de restitution de l’audit effectué quelques mois auparavant, par exemple, afin d’aligner nos visions et mener les actions pour l’améliorer en répondant aux attentes des utilisateurs de ce Design System.

Malgré le Design System, le fonctionnement des projets au sein du Crédit Agricole CIB est un peu particulier. Nous utilisons au maximum le Design System, mais parfois nous avons des besoins de composants très spécifiques sur les projets et n’existant pas sur cette librairie. C’est pourquoi nous avons créé une librairie spécifique au projet Optimall, qui répertorie des composants non présents dans le Design System, utiles et indispensables au projet.

Librairie de composants spécifique au projet Optimall, complémentaire au Design System du groupe
Fig. 6La librairie spécifique au projet Optimall

Conclusion

En définitive, en arrivant sur le projet il me tenait à cœur de commencer cette transformation digitale en raison de leur maturité. J’ai tenté de mettre en place des processus et des structurations pour aider au développement de cette transformation. Aujourd’hui les équipes sont satisfaites de l’organisation des fichiers et continuent à utiliser cette méthode. Le travail de nettoyage n’était pas terminé sur les anciens fichiers et les équipes mettent du cœur à l’ouvrage pour réduire cette dette design au maximum encore aujourd’hui.

En outre, les ateliers d’idéation deviennent de plus en plus la norme et se sont inscrits dans le processus de création des nouvelles features désormais.

En parallèle, mon travail dans la guilde Design System m’a permis d’aborder ce sujet qui me passionne dans un environnement bien plus grand que celle d’une start-up (où j’étais précédemment).


Témoignage

« J'ai eu la chance d'avoir Tom dans mon équipe et je ne regrette pas un instant. Tom est une personne volontaire, proactive, avec une franchise rafraîchissante et la tête toujours sur les épaules. C'est aussi quelqu'un de vraiment humain avec qui les mots "former une équipe" prennent tout leurs sens. En plus de ses qualités UI et Design System indéniable, c'est une personnalité qu'on veut dans son équipe car il tire les autres vers l'avant, peu importe leur statut. Merci Tom, et plein de bonheur dans ta suite ! »

Romain, Lead designer