B Lab France

Travailler sur une démarche complète et approfondie d’écoconception numérique est une expérience en soi. C’est une dynamique collective et fédératrice, qui demande des discussions, des allers/retours, des compromis. Et elle touche à la globalité du projet : stratégie, design, développement, expérience utilisateur. Faire de l’éco-conception numérique permet de situer le projet au cœur de nos préoccupations sociétales et environnementales, et de redonner du sens à notre travail
Marion Bahy-Baril, directrice conseil à l’agence 148

Repenser complètement le parcours utilisateur à la lumière des critères d’écoconception

Nous avons mené les ateliers de conception “classiques” d’une refonte : arborescence, UX / UI. Mais, vu sous l’angle de l’écoconception, c’est un challenge à chaque étape. L’UX et l’UI en particulier, ont nécessité une réflexion autour du compromis. Comment proposer une expérience de navigation en se passant des sophistications usuellement utilisées et qui coûtent cher aux critères d'écoconception : sliders, images, vidéos, formulaires en bas de page, etc. ?
Nous avons donc mené ces étapes de conception avec un fil rouge : minimiser, voire éliminer, le superflu. Les développeurs ont été présents très tôt dans le projet, pour évaluer et trancher avec nous l’impact et la faisabilité de nos choix.
Dans un dialogue très ouvert, nous avons arpenté le chemin vers une solution qui allie le parti pris fort d’un site soucieux d’une consommation énergétique minimisée et l’approche pédagogique.

À la clé, un site écoconçu qui n’enlève rien à l’expérience utilisateur

Ici, le web design joue un rôle majeur : la couleur, la typographie, la présence de formes graphiques et de place holders qui viennent compenser l’absence encore inhabituelle de visuels. Un ensemble d’éléments mis au service d’un parcours fluide, intuitif, sans “fioritures”.

Côté technique, entre autres, pas de sliders donc, un seul formulaire, une utilisation raisonnée du JavaScript, l’intégration d’une solution Analytics qui ne nécessite pas de cookies.
Et pour s’adapter aux besoins de tous, le site intègre une solution d’accessibilité complète (Facil’iti).

Un parti-pris fort, qui se veut pédagogue

BLab et 148 ont donné des réponses cohérentes et engagées, mais qui ne vont pas toujours dans le sens des habitudes de navigation, qui peuvent aussi se voir perturbées. Pour y pallier, nous avons choisi 2 directions complémentaires :
- la pédagogie : chiffrer le gain d’énergie et expliquer la démarche dans une page dédiée accessible depuis une popin qui s’affiche à l’arrivée sur le site et via un lien dans le header et le footer : bcorporation.fr
- la possibilité de désactiver le mode écoconçu : nous avons créé un bouton off/on qui permet de désactiver ou de réactiver le mode écoconception. Le changement opéré ? L’affichage d’images aux endroits où, par défaut, on trouve des place holders en couleur.
Cet affichage à la demande, on ne le retrouve pas dans la version mobile où seule la version écoconçue est proposée. La navigation mobile se veut la plus efficace et directe possible… nous avions là suffisamment d’arguments pour y éliminer totalement le superflu.

Les équipes de B. Lab France et celles de l’Agence 148 ont collaboré de manière ouverte tout au long de la refonte de notre site internet. La notion d’écoconception était particulièrement importante pour nous et les équipes de 148 ont su être à l’écoute de cette requête pour parvenir à ce résultat que nous trouvons vraiment satisfaisant.
Louise Seguin, Responsable Communication chez B Lab France