1. Urssaf auto-entrepreneur

Refonte de l’UX/UI du formulaire numérique d’inscription2022
Pour 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)

2. Régie des Eaux Gessiennes

Refonte de l’UX/UI de l’application mobile2020
La 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

3. CEA GRENOBLE - Y.SPOT

Démonstrateur interactif sur une visualisation de la cybersécurité2022
Le Commissariat à l'énergie atomique et aux énergies alternatives ↗ (CEA) est un organisme public de recherche à caractère scientifique, technique et industriel. Dans le but de valoriser les travaux du CEA Grenoble au sein de leur shoroom au Y.SPOT dans le domaine de la cybersécurité, le CEA nous a sollicités, ma collègue Clotilde Veillas et moi, pour créer un démonstrateur interactif permettant de visualiser des données complexes liées à ce domaine.
  Ainsi, notre scénarisation commence par une action banale mais centrale au cyberattaque : l’insertion d’une clé USB. Ici, la problématisation est alors visualisée par la propagation d’un virus malicieux (de type ransomware) dans le système d’information de l’ordinateur. La solution à cette menance est ensuite présentée par le logiciel ADViz développé par le CEA, qui permet d’analyser et de gérer ces incidents de manière sûr et efficace. ⤷ Animation d’atelier, Notion, p5.js, Arduino, Figma
⤷ 3 semaines d’étude et 2 semaines de conception
⤷ 2022

⤷ Documentation ↗
⤷ Réalisation au collaboration avec Clotilde Veillas ↗

4. LES INCOMPRIS

Identité graphique matricielle pour un jeu « cherche et trouve »2020
Dans l’élaboration d’un jeu en ligne de type « cherche et trouve », j’ai dû créer en premier lieu une identité graphique singulière, en suivant avec son intégration informatique par le code HTML, CSS et JavaScript.
  La singularité de ce projet se dessine tout particulièrement par son décor. Le choix d’une manifestation aux Champs-Élysées a été décidé par la structure matricielle et stylisé du tracé. L‘usager est alors invité à découvrir les détails de cet événement tout en cherchant les 9 éléments dits « incompris ». Incompris, parce que cette petite expérience apporte un contraste entre le désordre de l’environnement et l’aspect burlesque des 9 éléments qui le compose. ⤷ Animation d’atelier, Notion, p5.js, Arduino, Figma
⤷ 3 semaines d’étude et 2 semaines de conception
⤷ 2022

⤷ Jeu en ligne : « les incompris » ↗

5. GÉNÉRATION VISUELLE

Travail artistique personnel2022
À travers l’expérimentation du creative coding affilié à la librairie p5.js ↗, j’ai amené quelques expériences artistiques visuelles et/ou interactives. Dans le cadre d’un projet personnel, j’ai généré différents visuels abstraits ou figuratifs afin d’extraire une réflexion sur ce que le spectateur peut ressentir au travers des animations.
  L’irrégularité et l’incertitude sont au cœur de ses réalisations grâce à une programmation basée sur de l’aléatoire. ⤷ p5.js
⤷ Temps libre
⤷ 2020 / 2021

⤷ Autres créations ↗

6. FONT LIBRARY

Refonte de l’UX/UI du site web typographique libre2022
Font 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 ↗

7. GRAME

Travail graphique autour d’une affiche animée2020
J’ai créé une affiche animée pour la B!ME — Biennale des musiques exploratoires — organisée par GRAME ↗ dans le but de la promouvoir. La thématique étant orientée autour de la musique noise, j’ai repris les aspects techniques du glitch afin de les retranscrire sur l’affiche.
  Apportant une synergie entre l’art et la science, les signes géométriques en noir et blanc démontrent un ton froid à l’affiche et accompagnent le bruit gênant et troublant de la musique noise engendrée par le rythme saccadé et abrupt du glitch. ⤷ Photoshop, Indesign, Illustrator
⤷ 1 semaine d’étude et 1 semaine de conception
⤷ 2020

8. LA FABRIQUE

Refonte UX et identité visuelle de l’application web2021
La 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 ↗

9. FAB MANAGER

Identité graphique et UX nouvelle de la page d’accueil du site web2021 / 2022
Fab 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 ↗