Création LennAudits
- Rôle
- UI/UX, identité visuelle, développement front-end
- Durée
- 3 semaines
- Outils
- Figma ; HTML, CSS, JavaScript
- Contexte
- Outil professionnel
Brief : Concevoir et développer un tableau de bord qui rassemble les livrables d'un audit UX au même endroit, du persona au sitemap.
Objectif : Mener un audit de bout en bout dans une seule interface, sans jongler entre documents, tableurs et outils de maquettage, et produire un rapport prêt à partager.
Livrables : UI/UX du tableau de bord, identité visuelle, développement front-end (HTML/CSS/JS vanilla), export PDF du rapport.
Un audit éparpillé
Un audit UX produit beaucoup de livrables : personas, analyse de la concurrence, SWOT, constats d'ergonomie, sitemap. Ils vivent d'ordinaire dans des documents, des tableurs et des fichiers de maquettes séparés, et il faut tout recomposer à la fin pour rédiger le rapport. LennAudits réunit ces étapes dans une seule interface, qui sert à la fois d'espace de travail et de support au rapport final.
Un onglet par étape de l'audit
Le zoning suit le déroulé d'une mission : un tableau de bord d'ensemble, puis un espace dédié à chaque méthode (persona, concurrence, SWOT, PESTEL, Porter, audit SEO, contenu et UX, sitemap, questionnaire). Chaque onglet garde la même structure pour que l'on n'ait pas à réapprendre l'interface d'une méthode à l'autre, seule la matière à remplir change.
Identité
Design system : un vert franc (#28A745) pour les actions et les éléments actifs, sa version à 20 % pour les fonds et les états secondaires, du blanc pour laisser respirer les contenus. Le vert remplace le bleu de la première version, jugé trop proche des outils d'analyse génériques. Syne porte les titres. Le logo est décliné en icône, glyphe vert sur fond vert clair.
Un outil pour une méthode
Chaque espace reprend la logique de la méthode qu'il porte. Le persona se remplit comme une fiche, le SWOT comme une grille à quatre quadrants, la comparaison de la concurrence comme un tableau aligné critère par critère, l'audit UX comme une liste de constats à qualifier. Les données saisies alimentent ensuite le rapport, que le tableau de bord exporte en PDF.
Du tableau de bord au rapport
L'export PDF est généré directement dans le navigateur à partir des données saisies. Le rapport reprend l'identité de l'application, ce qui évite la mise en page manuelle en fin de mission et garde la même présentation d'un audit à l'autre.
Ce que j'en retiens
Ici, l'utilisateur est un professionnel qui remplit, relit et compare des données pendant des heures. L'interface doit rester discrète et constante, et la cohérence entre les onglets compte plus que l'effet visuel. Concevoir l'outil m'a aussi forcé à formaliser ma propre méthode d'audit, étape par étape.
