[{"data":1,"prerenderedAt":183},["ShallowReactive",2],{"project-nos-gestes-climat":3},{"id":4,"title":5,"body":6,"client":164,"cover":165,"description":166,"draft":167,"end":168,"extension":169,"meta":170,"navigation":171,"path":172,"screenshot":173,"screenshotMobile":174,"seo":175,"site":176,"start":177,"stem":178,"tags":179,"__hash__":182},"projects\u002Fprojects\u002Fnos-gestes-climat.md","Nos Gestes Climat",{"type":7,"value":8,"toc":160},"minimark",[9,23,51,68,116,129,134],[10,11,16,20],"block",{"label":12,"title":13,":tags":14,"layout":15},"Le contexte","Un simulateur complet, mais intimidant","[\"Clarifier l'expérience\",\"Rendre pédagogique\",\"Élargir l'audience\"]","introduction",[17,18,19],"p",{},"À mon arrivée dans l'équipe, Nos Gestes Climat est déjà un simulateur reconnu et apprécié, mais porte une image assez technique et austère qui l'adresse principalement à un public d'initiés.",[17,21,22],{},"Mon rôle est de retravailler l'identité du service, de simplifier le parcours et les questions posées, et de repenser la pédagogie de l'outil pour le rendre accessible à un public plus large.",[10,24,28,36],{"label":25,"title":26,":tags":27},"Identité & UI","Une refonte d'identité et d'interface","[\"UX\u002FUI\",\"Design System\"]",[17,29,30,31,35],{},"En retravaillant et standardisant l'ensemble des composants graphiques et des textes d'explication, puis en hiérarchisant l'information à chaque étape, le parcours est devenu plus ",[32,33,34],"strong",{},"ludique, engageant et rassurant",".",[37,38,39,45],"columns",{},[40,41],"columns-card",{"badge":42,"caption":43,"image":44},"Avant","Très complet, mais une densité d'options et d'informations sans hiérarchie claire qui le rendait intimidant.","\u002Fprojects\u002Fnos-gestes-climat\u002Fui-avant.png",[40,46],{"badge":47,"caption":48,"image":49,":after":50},"Après","Composants standardisés, options hiérarchisées et textes d'explication à chaque étape — un parcours plus clair et engageant.","\u002Fprojects\u002Fnos-gestes-climat\u002Fui-apres.png","true",[10,52,55],{"label":53,"title":54},"Pédagogie","Pédagogie et ordres de grandeur",[37,56,57,63],{},[58,59],"insight-card",{"image":60,"problem":61,"solution":62},"\u002Fprojects\u002Fnos-gestes-climat\u002Fpedagogie1.png","Comment proposer un parcours adapté aussi bien aux néophytes qu'aux usagers plus exigeants sur les résultats ?","Un mode « en un clic » ludique pour chaque question, avec la possibilité d'affiner sa réponse à l'aide de données plus détaillées.",[58,64],{"image":65,"problem":66,"solution":67},"\u002Fprojects\u002Fnos-gestes-climat\u002Fpedagogie2.png","L'expérience était un long tunnel de 15 minutes, synthétisé en fin de parcours par une page de résultat dense et complexe.","Distiller tout au long du parcours des ordres de grandeur et des informations utiles, pour faire de chaque page une expérience enrichissante.",[10,69,72,93],{"label":70,"title":71},"Diffusion","Rendre le produit accessible à une audience plus large",[37,73,74,84],{},[75,76,81],"feature-card",{":tags":77,"badge":78,"image":79,"title":80},"[\"Entreprises\",\"Associations\",\"Collectivités\",\"Salles de classe\"]","Pour les organisations","\u002Fprojects\u002Fnos-gestes-climat\u002Fdiffusion1.png","Un parcours dédié aux groupes et organisations",[17,82,83],{},"En lien avec l'équipe déploiement : salles de classe, entreprises, associations, collectivités, fresques... Facile à partager à de grands groupes et enrichi de statistiques anonymes.",[75,85,90],{":tags":86,"badge":87,"image":88,"title":89},"[\"Partage viral\",\"Gamification\"]","Challenge tes amis","\u002Fprojects\u002Fnos-gestes-climat\u002Fdiffusion2.png","Inviter ses proches, comparer ses résultats",[17,91,92],{},"En fin de parcours, chaque participant peut inviter ses proches à réaliser leur empreinte et comparer leurs résultats dans un classement.",[94,95,96,101],"blockquote",{},[97,98,100],"h3",{"id":99},"résultats","Résultats",[17,102,103,104,107,108,111,112,115],{},"Avec ",[32,105,106],{},"3300 organisations"," créées, et ",[32,109,110],{},"14000 groupes d’amis",", plus de ",[32,113,114],{},"150 000 nouveaux participants"," ont réalisé leur empreinte carbone depuis 2 ans (pour 600 000 simulations terminées chaque année)",[10,117,123,126],{"label":118,"title":119,":tags":120,"classes":121,"image":122},"Méthode","Une méthode de travail itérative","[\"Co-construction\",\"Sprints\",\"Notion\",\"Figma\"]","image-large","\u002Fprojects\u002Fnos-gestes-climat\u002Fmethode.png",[17,124,125],{},"Mon intervention s'est déroulée en sprints de 2 à 3 semaines, documentés sur Notion et accompagnés de prototypes Figma. Chaque sprint donnait lieu à des ateliers réguliers avec les membres concernés de l'équipe.",[17,127,128],{},"Chaque page de cadrage rassemblait, selon les besoins : objectifs, recommandations UX, maquettes, indicateurs à suivre au lancement, hypothèses à valider et règles « métier ».",[130,131],"stats",{":stats":132,"label":100,"title":133},"[{\"value\":\"3 300\",\"desc\":\"organisations créées\"},{\"value\":\"14 000\",\"desc\":\"groupes d'amis\",\"accent\":true},{\"value\":\"150 000\",\"desc\":\"nouveaux participants en 2 ans\"},{\"value\":\"600 000\",\"desc\":\"simulations terminées chaque année\",\"accent\":true}]","Une adoption qui s'est largement étendue en deux ans",[10,135,138],{"label":136,"title":137,"layout":15},"En résumé","Le travail réalisé",[139,140,141,145,148,151,154,157],"ul",{},[142,143,144],"li",{},"Participation à la roadmap produit",[142,146,147],{},"Optimisation des parcours",[142,149,150],{},"Architecture de l'information",[142,152,153],{},"Identité et UI",[142,155,156],{},"Réalisation itérative de maquettes et prototypes",[142,158,159],{},"Accompagnement des développements",{"title":161,"searchDepth":162,"depth":162,"links":163},"",2,[],"ADEME","\u002Fprojects\u002Fnos-gestes-climat\u002Fthumbnail.png","Le simulateur d'empreinte carbone personnel le plus connu et utilisé, avec plus de 2 millions de simulations réalisées.",false,"2024-03-01","md",{},true,"\u002Fprojects\u002Fnos-gestes-climat","\u002Fprojects\u002Fnos-gestes-climat\u002Fnosgestesclimat-web.png","\u002Fprojects\u002Fnos-gestes-climat\u002Fnosgestesclimat-mobile.png",{"title":5,"description":166},"nosgestesclimat.fr","2023-03-01","projects\u002Fnos-gestes-climat",[180,181],"Product Design","Identité","15zWA5Ac-4lpyW_hW790lJTUbnn3uAn66nLT4qvACzw",1783609147512]