2023 | CRÉÉ TON SITE | Nouvelle section sur le site
BDC - Banque de Développement du Canada
BDC est la banque des entrepreneur·e·s canadien·ne·s, une société gouvernementale engagée et certifié B-Corp.
Demande initiale
Lorsque j'ai collaboré avec la BDC pour la 2nd fois, c'était pour les accompagner dans la création d'un centre d'action climatique en ligne pour aider les entrepreneur·e·s canadien·ne·s à réduire leurs émissions de GES. S'ils ont fait appel à moi, c'est surtout pour ces 3 raisons principales :
- Créer une émulsion collaborative autour de ce projet collectif ;
- Apporter une vision éthique et engagé dans la conception du projet : éco-conception, accessibilité numérique, inclusion ;
- Arrimer et fédérer toutes les parties prenantes à ce projet autour d'une vision commune pour la conception de cette nouvelle section du site publique de la BDC ;
Leur demande : #Éthique #AteliersConception #Stratégie
Mon analyse et approche
J'ai basé mon accompagnement sur 3 axes clés pour répondre à leurs attentes.
Exploration
Au démarrage du projet, il a fallut définir plus en détails la vision commune autour de ce Centre d'Action Climatique. Pour ça, une première phase d'exploration a été établi grâce à la réalisation d'un benchmark inspirationnel et à la mise en place de quelques ateliers participatifs et stratégiques de co-conception : ateliers d'idéation, atelier mission, atelier vision, etc.
Conception
Puis nous avons construit un premier MVP pour donner vie et forme à ce Centre d'Action Climatique. D'abord sous forme de wireframes (squelette de la page en noir et blanc) puis de prototype interactif (en rendant les écrans cliquables et interactifs) pour présenter le concept aux équipes internes, mais aussi auprès du public visé.
Tests et itérations
Nous avons rencontré l'audience visée pour l'usage de ce nouvel espace sur le site de la BDC et lui avons fait testé notre MVP (réalisation de tests modérés via Teams + recrutement de l'audience via une agence de panels). Suite aux retours récoltés nous avons apporté les corrections nécessaires à notre MVP pour le faire évoluer progressivement. Nous avons réalisé plusieurs itérations de tests et corrections avant d'arriver à la version finale présente aujourd'hui sur le site.
Extrait de l'étude comparative pour déterminer le positionnement de la nouvelle rubrique dans l'écosystème déjà existant
Présenté aux différentes directions de la banque ainsi qu'aux vice-président·e·s
Actions réalisées
Pour rendre cette analyse la plus complète possible
Organisation et animation des ateliers de co-conception
J'ai planifié, imaginé et animé un atelier d'idéation pour amener ce projet à émerger grâce à la force du collectif. Au-delà de cet atelier, nous avons également organisé et animé en équipe 3 jours de design sprint consécutifs afin de faire grandir et naître concrètement l'idée définit au départ. Nous avons également organisé et modéré des entrevues au préalable de ce design sprint pour mieux comprendre les enjeux de l'audience ciblée.
Conception des wireframes en mobile-first
L'équipe de design UX et moi-même avons travaillé main dans la main à l'élaboration des premiers écrans wireframes du MVP. Pour ça, nous avons sketché ensemble les idées principales sorties des ateliers afin de nous assurer de bâtir un parcours fluide et cohérent entre les différents écrans. L'équipe UI s'est quant à elle assurer de la bonne réutilisation des composants existants du système de design de la BDC.
Organisation et modération des tests utilisateur·rice·s
Afin de bonifier au mieux notre MVP avant sa mise en ligne, il a été réalisé quelques sessions de tests utilisateur·rice·s modérés (via Teams) afin de valider à la fois le concept de la solution et l'utilisabilité des écrans conçus.
Mon rôle
Pour ce projet, la BDC et moi-même, en tant que Lead UX sur le projet, avons fait appel à une agence externe pour venir renforcer l'équipe UX/UI dans la réalisation de ce projet. C'est donc l'agence Sia Experience qui a collaboré avec notre équipe, dont Nadia Verreli, UI designer principale sur ce projet, interne à la BDC.
Toi aussi, comme la BDC, tu aimerais ajouter une nouvelle partie à ton site prochainement ?
Aperçu du projet
Contexte
BDC amorçait un virage vers une expérience numérique plus stratégique et engagé. Alignée avec les valeurs profondes de l'entreprise déjà certifié B-Corp depuis de nombreuses années, offrant du conseils aux entrepreneur·e·s canadien·ne·s pour rendre leurs entreprises plus durables et les accompagnant eux-mêmes dans l'obtention de leur propre certification B-Corp, la BDC voulait continuer sur sa lancée et aller encore plus loin. Ce qui leur manquait c'était de proposer plus d'offres de financements pour développer des projets éco-responsables et d'outiller les entreprises pour faciliter leur passage à l'action concrète. C'est dans le cadre de cette deuxième étape que le centre d'action climatique s'inscrit.
Demande et objectifs
En effet, le but de ce Centre d'Action Climatique en ligne est de fournir les renseignements, ressources et outils nécessaires au passage à l'action pour par exemple : intégrer le climat à sa stratégie d'entreprise, Électrifier sa flotte de véhicule, rénover son bâtiment pour réduire ses émissions carbones, etc.
Le Centre d'Action Climatique s'est alors bâti sur 4 piliers de contenus : des actions, des articles, des outils et des études de cas (témoignages d'entrepreneur·e·s qui ont opérés une transition en faveur du climat). Mon accompagnement s'est donc également porté sur :
- le maillage de ces divers contenus entre eux, mais aussi au sein de l'écosystème de ressources et outils déjà présent sur le site publique de la BDC, pour favoriser leur découvrabilité, fluidifier la navigation entre les parties et favoriser le référencement naturel (SEO).
- la réflexion du positionnement de cette toute nouvelle rubrique de contenus sur le site de BDC.ca : soit comment l'intégrer et le promouvoir dans l'écosystème existant. 4 possibilités s'offraient à nous. Pour déterminer la meilleure option, j'ai réalisé une étude comparative des solutions et mené de nombreuses entrevues internes avec l'ensemble des responsables et directions de la BDC pour évaluer l'impact de chaque solution sur le SEO, le marketing, le développement, etc.
- la sensibilisation, vulgarisation et application des principes d'éco-conception, d'accessibilité et d'inclusion sur cette section du site en respectant au maximum les critères en vigueur au Canada. Par exemple pour l'accessibilité, le référentiel en vigueur au Québec est le SGQRI (similaire au RGAA en France et basé également sur le WCAG).
Mon intervention
Au delà de mon rôle d'UX Designer principale sur ce projet et davantage en qualité de Lead UX, j'ai été le pont entre les équipes de directions internes, l'équipe de design interne et l'agence externe sollicitée sur le projet.
Résultats
Fort taux de traffic constaté sur les 6 mois après la mise en ligne du Climate Action Center et augmentation du nombre de demande de financement pour des projets de développement durable.
Environnement de travail
Collaboration collective au sein d'une équipe pluridisciplinaire qui s'est rassemblé à chaque jalon du projet.
Interlocuteur·rice·s
- Directeur de l'écosystème web et directrice UX
- Products Owners et équipe de développement
- Lead UI Designer et UI Designer principale sur le projet
- Chercheur UX
- Rédactrice UX et rédacteur SEO
- VP des différentes sections du site
- Agence externe
Outils utilisés
- Pour les entreveus et les tests : Teams
- Pour la conception : Figma
GRATUIT
Obtiens 25 idées d'actions éthiques
pour améliorer ton site
Découvre 25 idées d'actions pour bonifier ton site et le rendre plus durable, inclusif, écologique et performant.
Si tu as aimé le cas de la BDC,
tu devrais également adorer découvrir celui-ci...
Comment l’audit complet du site publique de la BDC a mené à une restructuration complète du menu de navigation en place depuis plusieurs années ?
Sobriété numérique
Donner une seconde vie à son site web rapidement et facilement, c'est possible !
Je t'invite à lire quelques-uns de ces articles, qui sont les préférés des abonnés à ma newsletter l'ALTERNAVITE.
