Le problème
Les organisateurs d'événements doivent mesurer et réduire leur empreinte carbone, sous la pression de leurs clients et de la réglementation. Les outils existants sont conçus par et pour des experts : des dizaines de champs obligatoires, un vocabulaire technique, une impression de contrôle permanent.
Climeet voulait un outil que n'importe quel organisateur puisse remplir, qui donne un résultat crédible avec des données imparfaites, et qui encourage à progresser plutôt qu'à culpabiliser.
Mon rôle
Direction artistique, conception du design system dans Figma, prototypage React des écrans clés, puis site vitrine. Travail en lien avec la fondatrice, une designer UX en charge des wireframes et une équipe de développement.
Décisions de design structurantes
Simplifier le calculateur
Le retour client après la première version était clair : trop complexe. Nous avons repris le calculateur avec cinq niveaux de qualité de donnée, du plus approximatif au plus précis, et une règle absolue : jamais bloquant. L'organisateur avance avec ce qu'il sait, l'outil indique la fiabilité du résultat, et il peut affiner plus tard.
Trois visions par poste
Chaque poste d'émission (transports, restauration, hébergement, matériel, numérique) se lit selon trois visions : le total, le détail et la comparaison. Même structure partout, pour que l'apprentissage du premier poste serve à tous les autres.
Une gamification qui ne triche pas
Niveaux, badges et médailles aux couleurs du logo récompensent la complétude et la progression, pas la vertu affichée. Une popin d'arrivée explique le système, des blocs blancs portent la formation. L'objectif : donner envie de revenir compléter ses données.
Un design system qui a servi deux fois
Le système Figma (tokens, composants, variantes) a été construit pour l'application. Quand la version simplifiée a été décidée, les fondations n'ont pas bougé : seuls les écrans ont changé. Le même système a ensuite nourri le site vitrine.
Le site vitrine
Dix-sept pages générées statiquement, un hero plein écran, les captures de l'application mises en scène dans des cadres, quatre-vingt-deux logos de clients et partenaires, des photos choisies pour ne jamais ressembler à de la banque d'images posée. Un conteneur large, une typographie affirmée, un discours qui explique sans jargon.
Contraintes vécues
- Des polices de marque absentes des postes de travail : substitution maîtrisée et documentée.
- Un client qui change d'avis après avoir vu la première version : c'est le but d'une première version.
- Une application et un site qui devaient parler la même langue visuelle avec des équipes différentes.
Ce que j'en retiens
- « Jamais bloquant » est un principe de design plus puissant que n'importe quel composant.
- Un design system bien fondé absorbe un changement de cap sans redessiner.
- La gamification fonctionne quand elle récompense l'effort réel.
Voir climeet.events. Expertises mobilisées : design system, direction artistique, UX strategy, webdesign.
