Création de site vitrine
📱 Site vitrine
🎨 UX & maquettes UI
Réalisation des maquettes UI pour le site web de Graine & Cie, épicerie éco-responsable, proposant des produits en vrac sans emballage.
Squadeasy est une startup qui propose une application mobile de QVT gamifiée, afin d'améliorer l'engagement des collaborateurs en entreprise via des activités sportives, et de baisser le bilan carbone, via de la mobilité douce.
Afin de mieux comprendre les besoins des utilisateurs finaux, il convient de mieux les connaître et de définir leurs personas ainsi que leurs expériences maps.
Squadeasy est composée de plusieurs équipes (Sales, CSM/Support, Market, Tech, Produit, et Design).
Le pôle Design est rattaché au pôle Produit. Le pôle Design est alors dépendant stratégiquement du pôle Produit.
Les équipes Produit et Design sont les plus récentes à être construites. De ce fait, la maturité UX & Product est en phase d'éveil au sein de l'entreprise.
Construire une culture UX research est primordiale afin de faciliter la mise en place des méthodes UX et de rendre opérationnel la Discovery au sein de l'entreprise.
Ainsi, j'avais pris le temps de faire découvrir aux stakeholders l'importance de mieux connaître les utilisateurs, et d’intégrer les utilisateurs finaux, en plus des clients dans la conception des nouvelles fonctionnalités.
Explorer les besoins et les frustrations de nos utilisateurs, et identifier les différents profils types afin de mieux comprendre et mieux connaître nos utilisateurs finaux.
Mise à jour de l’identité graphique. Concevoir les wireframes et les maquettes HD. Prototyper et mener des tests utilisateurs auprès de nos utilisateurs finaux afin d’optimiser les parcours.
Afin de mener à bien ma mission, j'étais en collaboration étroite avec Inès O. UX/UI designer, et Benoît K. Product Manager.
Ma première démarche est de réaliser une présentation de l'UX Research, ses bénéfices, son impact possible pour l'amélioration de l'application, et des exemples d'entreprises ayant une approche user centric.
Puisque l'équipe CSM est en contact réguliers avec nos clients, j'ai convenu un rendez-vous avec l'équipe sur le sujet de recrutement des utilisateurs, afin d'avoir les moyens de me constituer un panel d'utilisateurs.
Pour cela, les CSM m'ont fourni les contacts des entreprises clientes qui seraient potentiellement intéressées par ma mission.
Cet étape m'a permis de recueillir le consentement des utilisateurs finaux, acceptant de fournir leurs mails afin de convenir avec eux les rendez-vous d'entretiens. Suite à cela, j'ai pu avoir une liste d'utilisateurs finaux ayant des profils d'utilisation très diverse (peu actif à très actif).
Deux guides d'entretiens exploratoires ont été rédigé : Pour les utilisateurs de l'application mobile, pour les participants n'utilisant pas l'application.
Il s'agit également de connaître leurs besoins et leurs frustrations qu'ils rencontrent sur l'application, et également pour celles et ceux qui n'utilisent pas l'application quelles sont les raisons de leurs non-utilisations.
Les guides d'entretien sont construites en quatre thèmes :
Les sessions d'interviews ont été réalisées soit en distanciel ou en présentiel selon les préférences des participants. Une dizaine d'interviews a été réalisée, constituant une base de verbatims suffisantes afin de concevoir les personas et les experience maps.
Les notes et les enregistrements sont étudiés afin de classer les verbatims selon les critères de questions et de participants.
Avec ma collègue UX designer et mon collègue PM, je présente le tableau de recueil des verbatims, et nous réalisons ensemble un atelier afin de concevoir les personae, et un second atelier pour concevoir les experience maps. Nous en établissons trois type de personae.
Les personae sont accessibles sur notre espace de travail Figma, afin de maximiser leur visibilité aux différents stakeholders, et leur prise en compte par les équipes tech, CSM et Market.
Nous organisons une présentation de notre travail aux stakeholders (personas et experience maps).
Notre board Jira est ouvert aux différentes équipes, et permet de ventiler les sujets, de la recherche à la conception des nouvelles features. Chaque card a un persona libellé, afin de savoir à qui s'adresse la future fonctionnalité. Nos personae sont également accessible sur notre espace de travail Figma, afin de maximiser leur visibilité, et leur prise en compte par les équipes tech, CSM et Market.
Les entretiens utilisateurs réalisées en amont, nous ont également permis d'explorer et d'identifier de nouveaux insights, générant de nouvelles idées de fonctionnalités.
La recherche et la conception des nouvelles fonctionnalités sont réalisées en sprint de deux semaines. Elles sont structurées par la roadmap produit, afin de rester en cohérence avec la vision produit, suivant son évolution.
L'ancienne version de l'application propose trois activités directement sur la Home. Le défi pour la nouvelle version est de proposé un nombre important d'activités. Ces activités sont structurées en :
- Activités sportives
- Activités en mobilité
- Activités sociales
Afin de restructurer le parcours utilisateur, je réalise un user flow de la version actuelle. Il s'agit de restructurer en profondeur le parcours utilisateur de l'application, en redistribuant les activités dans de nouvelles branches de parcours.
Je réalise un atelier d'idéation sur FigJam avec mon équipe afin de définir un parcours utilisateur, en prenant en compte les nouvelles fonctionnalités étant prévu dans la roadmap. Le résultat est un nouveau user flow qui nous aidera par la suite à la réalisation des wireframes.
Les différentes fonctionnalités sont ensuite triées et estimées en valeur via un atelier de Buy The Feature avec une personne chaque partie prenante, y compris avec un utilisateur final.
Avant de faire la refonte visuelle de l’application mobile. Les interfaces sont redessinées en wireframes, afin d’avoir une mise à plat des fonctionnalités et de leurs zoning. Il s’agit de mieux se concentrer sur la définition des différentes fonctionnalités, par leurs structures et par leurs hiérarchisations.
Pour la refonte graphique de l’application, nous avons choisi d’être dans une version proche du dark mode, pour être en adéquation avec les valeurs de l’entreprise : Réduire le taux de carbone des collaborateurs. Améliorer la santé des collaborateurs via les activités sportives.
Afin de s'assurer d'un bon contraste avec le texte et le fond, j'utilise le plugin Stark Accessibility.
Le design system permet d’organiser les composants en atomic design selon leurs critères. Grâce aux variants, les collaborateurs peuvent changer rapidement un composant dans les maquettes, tout en gardant la même cohérence en UI design.
Afin que les développeurs puissent avoir toutes les informations concernant les spécificités des maquettes, les spécifications fonctionnelles et techniques sont directement accessibles sur page Figma avec les maquettes.
L'application est structurée via la Home, le Tracker, le Social, le Chat, et le Profil de l'utilisateur. Sa fonctionnalité phare est le tracker, permettant de tracker les déplacement de l’utilisateur selon les différentes activités possible à faire. Que ce soit en activités physiques, ou en mobilités.
Les fonctionnalités importantes sont maquettées et prototypées sur Figma. S'en suit les phases de test utilisateurs.
Phase de test utilisateur qualitatif afin de vérifier si la nouvelle fonctionnalité répond aux besoins des utilisateurs.
Phase de test utilisateur quantitatif sur Maze afin d'optimiser le parcours des futures nouvelles fonctionnalités auprès d'un large panel d'utilisateurs, au moins 30 participants minimum afin d'avoir un recueil de données suffisamment élevé.
L'optimisation des parcours utilisateurs se fait par itération en Test & Learn.
Une fois les prototypes suffisamment optimisés, les US sont rédigés par notre Product Manager. Les futures fonctionnalités sont présentés à l'équipe Tech en Sprint Planning, afin d'estimer leurs développements.
Ce projet m'a permis de me challenger sur les moyens de recrutement des utilisateurs finaux, dont leurs accès est limités par l'intermédiaire de clients ayant peu de connaissances sur les enjeux d'expérience utilisateur.
J’ai pris aussi plaisir à concevoir de A à Z une nouvelle UI et identité visuelle d’une application mobile.
Également, j’ai beaucoup apprécié à travailler avec l’équipe Tech, dans nos échanges sur la définition et la spécifications des nouvelles fonctionnalités.
📱 Site vitrine
🎨 UX & maquettes UI
Réalisation des maquettes UI pour le site web de Graine & Cie, épicerie éco-responsable, proposant des produits en vrac sans emballage.
📱 Mobile app
🎨 UX & maquettes UI
Refonte d'une application mobile de QVT en entreprise qui engage leurs collaborateurs à améliorer leurs santés via le sport, et à baisser leurs bilans carbone, par de la mobilité douce.
📱 Landing page
🎨 Identité visuelle
Créer un nouveau branding et un site web à l'image des valeurs du service.
Talents du Test propose des services de recrutement et de mentoring dédiés aux testeurs de logiciel.
📱 Site web
🎨 UX & maquettes UI
Refonte d'un site web qui met en relation les entreprises et les prestataires à fort impact social.
📱 Site web
🎨 UX & maquettes UI
Création du site WARD en UX & UI. Cabinet d'architecture et de rénovation dédié à l'immobilier haut de gamme.