Projets
1. Urssaf auto-entrepreneur
Refonte de l’UX/UI du formulaire numérique d’inscription2022Pour tout auto-entrepreneur, la première étape de son historique d’activité est de passer (en toute logique) par la création d’un compte « auto-entreprise ». Afin d’atteindre cette étape, ce dernier va avoir le choix de passer sur le formulaire numérique d’inscription de l’Urssaf auto-entrepreneur. En m’appuyant sur mon mémoire — traitant la relation entre un humain et une saisie de données par le design numérique — et en partant de mon expérience personnelle, j’ai fait une analyse du parcours usager en passant par une base de données complète de chacune des questions rencontrées.
Ainsi, j’ai pu identifier des problèmes précis liés à l’expérience usager (UX). En partant de la base du formulaire, c’est-à-dire le Cerfa P0 PL, j’ai proposé un prototype interactif (UI) de l’ensemble du formulaire numérique d’inscription, en réponse aux problèmes soulevés.⤷ Rapport détaillé d’une étude personnelle, Notion, Figma
⤷ 1 mois d’étude et 2 semaines de conception
⤷ 2022
⤷ Mémoire : « Pour une autre expérience du formulaire numérique ↗ »
⤷ Étude de cas ↗
⤷ Étude commentée et félicitée par Françoise Doll (Lead UX de l’Urssaf à Montreuil)
Ainsi, j’ai pu identifier des problèmes précis liés à l’expérience usager (UX). En partant de la base du formulaire, c’est-à-dire le Cerfa P0 PL, j’ai proposé un prototype interactif (UI) de l’ensemble du formulaire numérique d’inscription, en réponse aux problèmes soulevés.⤷ Rapport détaillé d’une étude personnelle, Notion, Figma
⤷ 1 mois d’étude et 2 semaines de conception
⤷ 2022
⤷ Mémoire : « Pour une autre expérience du formulaire numérique ↗ »
⤷ Étude de cas ↗
⤷ Étude commentée et félicitée par Françoise Doll (Lead UX de l’Urssaf à Montreuil)
2. Régie des Eaux Gessiennes
Refonte de l’UX/UI de l’application mobile2020La Régie des Eaux Gessiennes ↗ est un service des marchés publics qui se charge de la gestion de l’eau potable dans le Pays de Gex. Dans le cadre de mon job d’été en tant qu’intérimaire, l’utilisation de leur application sur téléphone portable était mon outil de travail et j’ai remarqué certaines incohérences dans la navigation et les éléments de l’interface usager (UI).
De ce fait, j’ai proposé à la Régie des Eaux Gessiennes un prototype d’une version idéale de l’application. De par mon expérience personnelle et professionnelle, j’ai présenté une nouvelle expérience usager (UX), en adéquation avec les attentes des prestataires — tout en respectant la charte graphique de l’application.⤷ Enquête de terrain par l’observation et ma fonction, Figma
⤷ 1 mois d’intérim et 1 semaine de conception
⤷ 2020
De ce fait, j’ai proposé à la Régie des Eaux Gessiennes un prototype d’une version idéale de l’application. De par mon expérience personnelle et professionnelle, j’ai présenté une nouvelle expérience usager (UX), en adéquation avec les attentes des prestataires — tout en respectant la charte graphique de l’application.⤷ Enquête de terrain par l’observation et ma fonction, Figma
⤷ 1 mois d’intérim et 1 semaine de conception
⤷ 2020
3. FONT LIBRARY
Refonte de l’UX/UI du site web typographique libre2022Font Library ↗ est un site web dédié à l'hébergement de polices sous licence libre et à l'encouragement de leur développement collaboratif. En collaboration avec Clément Rénaud, créateur de Font Library, nous avons cherché à valoriser la diversité des styles typographiques de tout en offrant une expérience usager (UX) adéquate à l’identité graphique existante de Font Library (UI).
À travers les échanges effectuées avec Clément Rénaud et les usagers de Font Library, j’ai été amené à segmenter le parcours usager à travers trois principales caractéristiques de Font Library : le filtre, les résultats, la collection. Ainsi, sous la forme de colonnes séparées équitablement, l’usager peut fermer ces dernières afin d’agrandir le champ de vision de sa recherche typographique. Telles un livre, les animations « défilent » pour montrer que l’usager a la maîtrise de sa navigation.⤷ Conduite d’entretien, Figma
⤷ 1 semaine d’échange, 1 semaine d’étude et 1 semaine de conception
⤷ 2022
⤷ Prototype interactif ↗
À travers les échanges effectuées avec Clément Rénaud et les usagers de Font Library, j’ai été amené à segmenter le parcours usager à travers trois principales caractéristiques de Font Library : le filtre, les résultats, la collection. Ainsi, sous la forme de colonnes séparées équitablement, l’usager peut fermer ces dernières afin d’agrandir le champ de vision de sa recherche typographique. Telles un livre, les animations « défilent » pour montrer que l’usager a la maîtrise de sa navigation.⤷ Conduite d’entretien, Figma
⤷ 1 semaine d’échange, 1 semaine d’étude et 1 semaine de conception
⤷ 2022
⤷ Prototype interactif ↗
4. LA FABRIQUE
Refonte UX et identité visuelle de l’application web2021La Fabrique est un tiers-lieu créé par l’entreprise TRIRA ↗ qui se focalise sur l’économie circulaire du numérique. Proposant différents services, tels qu’un atelier, une boutique informatique, des formations ou une épicerie, TRIRA a souhaité clarifier l’identité visuelle de La Fabrique afin de mettre en évidence sa nouvelle application web.
En collaboration avec mon collègue Régis Brasme, nous avons étudié en détail les attentes des usagers qui utilisent les services de La Fabrique. Nous avons listé différents parcours usagers tout en réalisant une analyse des techniques et modes de fonctionnement des concurrents (benchmarking) de La Fabrique. Dès lors, nous avons prototypé l’interface de l’application web en proposant une expérience usager (UX) respectant les besoins des usagers de La Fabrique, c’est-à-dire avec « convivialité » et « autonomie ».⤷Enquête de terrain par l’observation et la conduite d’entretien, Étalonnage, Illustrator, Figma
⤷ 3 semaines d’étude et 2 semaines de conception
⤷ 2021
⤷ Prototype interactif ↗
⤷ Réalisation en collaboration avec Régis Brasme ↗
En collaboration avec mon collègue Régis Brasme, nous avons étudié en détail les attentes des usagers qui utilisent les services de La Fabrique. Nous avons listé différents parcours usagers tout en réalisant une analyse des techniques et modes de fonctionnement des concurrents (benchmarking) de La Fabrique. Dès lors, nous avons prototypé l’interface de l’application web en proposant une expérience usager (UX) respectant les besoins des usagers de La Fabrique, c’est-à-dire avec « convivialité » et « autonomie ».⤷Enquête de terrain par l’observation et la conduite d’entretien, Étalonnage, Illustrator, Figma
⤷ 3 semaines d’étude et 2 semaines de conception
⤷ 2021
⤷ Prototype interactif ↗
⤷ Réalisation en collaboration avec Régis Brasme ↗
5. FAB MANAGER
Identité graphique et UX nouvelle de la page d’accueil du site web2021 / 2022Fab Manager ↗ est une application web dirigée par l’agence Sleede ↗ — dans laquelle j’ai fait mon apprentissage — permettant de faciliter la gestion des tiers-lieux, et plus particulièrement les fab labs. Dans le cadre d’un projet professionnel, j’ai proposé une refonte du site vitrine de Fab Manager.
En établissant un audit détaillé de l’existant, sur les différents éléments qui le composent (grille de mise en page, typographie, boutons, images et couleurs), j’ai travaillé sur le renouvellement de ces éléments. Le choix des typographies Epilogue (pour les titres) et Work Sans (pour le texte) en addition aux illustrations donnent une assurance et une image sérieuse au logiciel. J’ai pu retravailler la charte graphique de Fab Manager pour à partir de la documentation W3C ↗ de l’accessibilité numérique. De plus, la grille de mise en page est linéaire, chacune des séquences proposées à l’usager est déterminée par une hiérarchisation de l’information claire et structurée.⤷ Audit, Communication avec les métiers du web (chef de projet, développeurs, marketing), Notion, Illustrator, Figma
⤷ 4 semaines d’étude et 4 semaines de conception
⤷ 2021 / 2022
⤷Prototype interactif ↗
⤷Audit ↗
En établissant un audit détaillé de l’existant, sur les différents éléments qui le composent (grille de mise en page, typographie, boutons, images et couleurs), j’ai travaillé sur le renouvellement de ces éléments. Le choix des typographies Epilogue (pour les titres) et Work Sans (pour le texte) en addition aux illustrations donnent une assurance et une image sérieuse au logiciel. J’ai pu retravailler la charte graphique de Fab Manager pour à partir de la documentation W3C ↗ de l’accessibilité numérique. De plus, la grille de mise en page est linéaire, chacune des séquences proposées à l’usager est déterminée par une hiérarchisation de l’information claire et structurée.⤷ Audit, Communication avec les métiers du web (chef de projet, développeurs, marketing), Notion, Illustrator, Figma
⤷ 4 semaines d’étude et 4 semaines de conception
⤷ 2021 / 2022
⤷Prototype interactif ↗
⤷Audit ↗