FIONA VIDIL
Product Designer Senior
10 ans d’experiences en Product Design
Je conçois des services digitaux et j’aide les entreprises à mettre en place des méthodes de
Design Thinking, User centric, agiles et efficaces dans le développement de leurs activités.
Inspirée par la biologie, l'étude de l'humain, la conception d'objet, l'art et le digital, je brise les frontières pour créer des expériences de produits, de services, innovants, et à forte valeur pour nos utilisateurs.
J’ai travaillé au sein de grands groupes (AXA, Orange, BNP Paribas, Enedis, L’Oréal, Malakof
Mederic Humanis, Thélem Assurance, etc), puis dans des agences de Design en tant que consultante; sur différents types de projets :
Refonte/création
Design Ops
Site internet, Intranet
Plateforme SAAS
Plateforme E-commerce
Apps Financiere
Apps mobile
Creation de Design System
Mes compétences
Je gère et exécute toutes les phases du processus : Depuis le début (la discovery, la réalisation de la Roadmap, MVP), la définition (avec des groupes de discussion, des entretiens, les ateliers) et l'analyse, la conceptualisation, la conception de l'interface, le Design System, jusqu'à la sortie en production. Puis l’itération, tests utilisateurs, recettage.
J’ai travaillé sur des projets très variés avec des équipes fascinantes et enrichissantes.
En tant que Product Designer
En tant que Lead UX Designer
En tant que User Researcher
En tant que Lead UX UI
En tant que Manager d’une équipe UX UI
En tant que Coach des juniors, monter en compétences.
Refonte Application mobile Et Espace personnel Web Cetelem
FONCTION –Product Designer Senior
CLIENT – Cetelem - BNP Personal Fianence
DUREE – Mars 2023 - Fevrier 2025
TYPE – Application mobile Cetelem et Espace Personnel Cetelem
OUTILS – FIGMA, Klaxoon, Jira, Teams, Confluence
Contexte: Intégrer à deux squads (App et Espace client Cetelem), en tant que principale UX UI Designer. Travaux en étroite collaboration avec le PO PM, Buisiness, marketing, DEV.
Animation de nombreux ateliers en interne, conception et réalisation de tous les travaux de refonte, améliorations, tests, itérations, data analytiques.
Objectif: Amélioration et refonte de l’espace personnel Cetelem et de l’application mobile Cetelem.
Le process: Mise en place des process design, analyses, ateliers, workshop, recherches utilisateurs, conception, prototypage et tests utilisateurs. Réalisationdes tests utilisateurs analyses restitutions. Organisation en Squad, Sprint planning de 3 semaines. Alimentation du Design System.
Refonte de la plateforme SAAS
FONCTION – Lead Product & User Researcher Designer
CLIENT – Little Big Connection
DUREE – Mai 2020 à Janvier 2022
TYPE – Plateforme SAAS
OUTILS – FIGMA, FIGJAM, MIRO, JIRA, CONFLUENCE, TEAMS
Contexte: Plateforme International Saas et Marketplace: Permet de digitaliser l’achat de prestation intellectuel et de créer une communauté pour les Freelance. Outil Saas ou chaque client peut gérer lui même les prestations et choisir les consultants pour les missions.
Objectif: Refonte totale (UX et UI) de la plateforme Saas, B to B et B to C. Mise en place de méthode UX, méthodes de travails et collaboratives, d’outils Design. Montée en compétences des junior.
Coaching.
Strategict design
Le process: Mise en place de la démarche de l’équipe Design, du process de Design Thinking, et création d’un Design System.
Organisation en Tribe (constitué d’un UX Design, un PM, un tech lead, un intégrateur et des développeurs). Sprint planning de 3 semaines.
Audit et Design Thinking
J’ai réalisé un audit complet avant de commencer la refonte de la plateforme.
Puis j’ai mis en place des méthodes de Design adaptées à l’organisation de l’entreprise: Méthode Design Thinkinig.
Puis constitution de l’équipe Design.
Forte évangélisation au sein des entités du groupe.
Mise en place d’outil de travail : Board UXUI sur JIRA, Figma, Figjam.
udit Er onomique et i ue
Discovery et Ateliers
Mise en place de la discovery au sein de l’équipe produit.
Evangélisation, présentation, formation.
Réalisation de nombreuses interviews utilisateurs.
Guide entretien, animation, restitution.
Réalisation de la Roadmap avec l’équipe produit (Now, Next, Later). adrage
Analyses, définition
Création des personas, parcours utilisateurs.
Ateliers idéation
Ateliers co création
Jobs To Be Done
Exercice de tri de cartes, permettent d'affiner à la fois les flux du tableau de bord de bout en bout ainsi que la structure de navigation. 5 r o a
Concept on UX
L'association des informations issues de la recherche d'utilisateurs aux décisions des ateliers d'idéations fournissent une base solide pour la construction de flux d'utilisateurs.
Puis les wireframes, et les prototypes intéractifs .
User flo
Wireframe
S écifications Prototy
Tests Utilisateurs
Conception UX UI
Concept on UI
Nouvelle charte donc nouveau UI de la plateforme.
Refonte totale de la plateforme: ergonomie, graphique. Création du KIT UI
Création du Design System interactif.
Collaboration permanente avec les intégrateurs et développeurs (et bien sûr les PM).
KIT
Desi n Syste Specifications
Tests et Analyti ues
Mises en place et réalisation des tests utilisateurs, principalement à distance.
Mises en place d’outils, avec l’équipe produit, “Pendo”, “Air Focus”, et “Waze”, pour étudier les data des utilisateurs, les KPI.
Protocol t s
Chantier Préparation
FONCTION – UX Researcher
CLIENT – ENEDIS
DUREE – MARS 2019 à JANVIER 2020
TYPE – Plateforme de service Desktop
OUTILS – Sketch
Contexte:
Lors de la préparation d’un chantier, les électriciens suivent plusieurs étapes avant de commencer un chantier, utilisent plusieurs outils et beaucoup de dossiers papiers et d’interlocuteurs.
Objectif: Simplifier, améliorer les processus de planification des chantiers des éléctriciens, intégrer automatiquement 80% des chantiers HT et BT dans leurs planification.
Projet national, réalisé au sein de la Digital Factory de ENEDIS.
Création d’un nouveau service digital
Le process: Mise en place de la démarche Design Thinking, grande phase exploratoire, ateliers co-création, wireframing, maquettes.
User Recherche
Pour démarrer les projet, j’ai commencé par une grance Phase Empathy, pour comprendre les habitudes de travail des electriciens avant de commencer un chantier HT BT, comprendre leur processus de travail, leurs interlocuteurs, les différents outils qu’ils utilisent.
Projet national pour ENEDIS, J’ai réalisé 38 interviews dans divers régions de France.
Le but était d’identifier des problèmatiques, et récoltés un maximum d’insights. 38 int rvi
Ateliers
Pour compléter la phase ’empaty, iverses ateliers ont été réalisés avec les utilisateurs finau , afin e récupérer une multitu e ’insights et ’informations mais aussi e compren re leurs besoins et leurs a entes
Focus group : Sous forme e iscussion ouverte, ce focus group a été organisé avec un panel ’utilisateurs finau
Atelier de co création: Tries e carte, Chapeau e Bono, création e parcours, i entification es paint point, éfinition e la problèmatique, i entification e solution.
Focus group, at li d co c éation
Analyses, Définition
Viens ensuite la phase d’analyses des insights.
Création de diagramme d’affinité.
Création de Personas puis des parcours utilisateurs.
Découverte d’opportunités.
6 er ona identifié
4 arcour utili ateur
O ortunité de ervice Em athy Ma Ex erience map
Conception UX et Tests Utilis teurs
Mise en place du User Flow.
Création des wireframes.
U er flo
Wireframe
Prototy es intéractif
Tests Utilisateurs
Etude de l’existant
Tout d’abord, j’ai réalisé un audit complet afin évaluer l’application en termes d’expérience utilisateur, d’utilisabilité, et étudier le parcours utilisateur actuel et ses points de blocage.
udit Ergonomiqu
Uti i bi it
UX Reche che UX Reche che, Atelie s
J’ai ensuite réscoltés des insights utilisateurs via des questionnaires, des interviews et via des tests utilisateurs. Identification des problèmatiques.
Diverses ateliers réalisés durant le projet: ateliers de co création, ateliers d’idéations ainsi que des Sprint Design.
Exemple de sujet pour le Sprint Design : “Imaginer l’expérience de coaching budgétaire la plus surprenante de 2020”.
Défini ion
J’ai ensuite modéliser des profils types d’utilisateurs, (leurs actions, motivations, situation, puis des parcours utilisateurs, des cartes d’expériences et des cartes d’empathies.
Puis j’ai transformer les besoins utilisateurs en opportunités.
Per ona
Parcour utili ateur
Ex erience Ma
Conception UX UI
Traduction des hypothèses en solutions: création des wireframes et des maquettes pour répondre aux besoins des utilisateurs identifiés.
Tests Utilisateurs
De nombreux tests utilisateurs ont été réalisés pour ce projet afin de valider concrètement auprès utilisateurs les hypothèses, tester des nouvelles fonctionnalités, l’ergonomie ou bien un nouveau design.
Tests réalisés à distance avec la plateforme Ferpection ou en physique.
Atelie s
Réalisation d’ateliers avec le client final.
Ateliers Jobs To Be Done pour mieux comprendre les motivations profondes du client.
At li r Jobs to B Don
Atelier parcours utilisateurs
Conception UX
Suite aux ateliers clients, traduction en parcours, user flows, et wireframes.
Itération avec le client et validation.
Wire rame rototypes intéracti
Itérations client
Création Site vitrine et Intranet
FONCTION –Lead UX Designer
CLIENT – Malakoff Mederic et Humanis
DUREE – 3 mois
TYPE – Site Web et Intranet
OUTILS – Sketch, Invision
Contexte:
Malakoff Mederic et Humanis fusionnent. Ils ont donc besoin de créer leur nouveau site vitrine mais aussi leur Intranet.
Objectif: En tant que consultante UX, j’ai leadé le projet pour le site vitrine et produit les wireframes et maquettes pour le site vitrine et l’intranet.
Beaucoup d’échange et d’ateliers clients. Besoin d’un fort acconpagnement.
Ateliers
De nombreux ateliers avec Malakoff Médéric et Humanis afin de bien cadrer le projet.
pr je
UX concept on
Réalisation des User flows et wireframe, pour le site vitrine et pour l’intranet.
Itérations avec le client.
User lo Wir fram
Site vitrine
Intranet
UI conception
En fonction de la charte de la marque, création des maquettes graphiques et du prototype intéractif.
Itération en fonction des retours clients.
Refonte Application
Défini ion
Suite aux retours utilisateurs et à la définition de la problèmatique, j’ai crée des Personas et, et dentifié des parcours utilisateurs type. Proposition de deux scénarios
Parcours utilisateurs
Conception
Traduction des hypothèses en solutions. Création donc des wireframes.
Proposition de deux scénarios
S énario
User o W reframes
Scénario 1
Scénario 2
Conception UX UI
Refonte application
Concept on UX
Suite aux données du clients sur les retours utilisateurs, j’ai pu réalisé mes premiers scénarios, validé avec le client puis partir sur une solution finale.
Conception UI
Traduction des wireframes en maquettes
AXA Drive
FONCTION –Lead UX UI Designer, CDI
ENTREPRISE – AXA Digital Agency
DUREE DU PROJET – 1 an et demi TYPE – Application mobile
OUTILS – Sketch, Invision,
Projet International en production : téléchargeable sur App Store et Google Play
Contexte:
Designer au sein de la digital factory de AXA, j’ai réalisé de nombreux projets dont AXA Drive où j’étais Lead Designer UX UI.
Objectif: tirer parti des nouvelles technologies pour offrir aux conducteurs les moyens d'analyser, de comprendre et d'améliorer leurs habitudes de conduite.
Création d’une application mobile
Le process: Design thinking, projet Scrum, Sprint 2 semaines
UX Recherche et Analyses
Typologie et principaux besoins utilisateurs
Etudes ethnographiques, étude de la psychologie du conducteur.
Identification de problèmatiques, opportunités buisiness
I ntifi r l b soi
Culturation, Evangélisatio
Etu s thnographiqu
At li rs I atio
Opportunités Buisin ss
UX Recherche et Analyses
Réalisation d’ateliers avec les utilisateurs cibles.
Etudes ethnographiques.
Identification de problèmatiques, opportunités buisiness/
Identifier le besoi
Culturation, Evangélisatio
Etudes ethnographiqu
Ateliers Ideatio
Opportunités Buisiness
Observation de quatres archétypes (conducteur de 18 à 59 ans): “On the road” vs “Play is safe”, “Player” vs “Learner”.
D’autre aspect qui influencent fortement l’utilisation d’une application: Type de voyage: communauté, professionnel, autour de la ville, court voyage, long voyage de loisirs.
- Culture et contexte, culture de pays, grandes villes, autoroute, etc.
Définition
L’UX recherche à traduit des cibles bien spécifique. Création des personas et parcours utilisateurs.
Puis des hypothèes ont émergées, ainsi que des idées de fonctionnalités
Personas ser stor
Hypothèse
Besoin fortement segmenté: en fonction de l’âge, de l’expérience, de la préoccupation principale (but du projet).
UX Design
Réalisation des user flows, wireframes.
UX UI Desig
Réalisation des maquettes UI avec une nouvelle charte.
U er flo
Wireframe
Maquettes U Scrum, sprint de 2 semaine
UX UI Design
Réalisation des maquettes UI avec une nouvelle charte.
Tests Utilisateurs et Analyti ues
Goo le A alytique
User test
Restitutio
A/B testin
Recettage
