BDC : Lancer un Centre d’Action Climatique en ligne en l’intégrant dans un écosystème déjà bien installé

par Coralie | 01/06/23

2023 | COLLAB w/ MALTEM CANADA | UX Design - conseil stratégique

BDC : Lancer un Centre d’Action Climatique en ligne en l’intégrant dans un écosystème déjà bien installé

BDC est la banque de développement du Canada, soit celle des entrepreneur·e·s canadien·ne·s, une société gouvernementale engagée et certifié B-Corp.

Lancement d'un Centre d'Action Climatique

Voici comment j’ai piloté pendant 2 ans la réflexion UX stratégique et le lancement d’un Centre d’Action Climatique destiné aux PME canadiennes tout en fédérant des équipes multidisciplinaires autour d’une vision commune dans un environnement institutionnel complexe.

Particularités du projet

Intégrer durablement cette nouvelle plateforme dans l’écosystème existant
Défendre des choix structurants auprès de multiples directions
Garantir performance, accessibilité, éco-conception et cohérence de navigation à grande échelle.

Contexte

La Banque de développement du Canada souhaitait renforcer son engagement auprès des PME canadiennes en lançant un Centre d’Action Climatique en ligne dédié à la transition environnementale (réduction des GES).

Dans un environnement bancaire et institutionnel déjà dense, l’enjeu ne consistait pas uniquement à créer une nouvelle plateforme de contenus.

Enjeux

Il fallait aussi :

intégrer cette nouvelle initiative sans impacter les parcours existants ;
aligner des directions aux priorités différentes (SEO, contenu, développement, marketing, UX, gouvernance) ;
fédérer les parties prenantes autour d’une vision commune ;
garantir les standards d’accessibilité, d’inclusion et d’éco-conception ;
concevoir une expérience claire, crédible et actionnable pour favoriser le passage à l’action des PME canadiennes.

La BDC recherchait donc un accompagnement capable de relier stratégie, expérience utilisateur et coordination transverse.

Mon approche

Mon rôle consistait autant à structurer une vision commune qu’à concevoir une expérience cohérente dans un environnement institutionnel complexe. J’ai également contribué à la création de l’appel d’offre UX/UI et à la sélection de l’agence Sia Experience pour accompagner la phase 03 du projet.

Comprendre les besoins réels du terrain

Organisation et modération d’entrevues utilisateur·rice·s afin d’affiner les personas existants, identifier les freins des PME canadiennes et cartographier les parcours prioritaires.

Créer une vision commune autour du projet

Animation d’ateliers stratégiques et de co-conception pour aligner les différentes équipes et directions autour d’une vision commune du Centre d’Action Climatique.

Concevoir et tester un MVP évolutif

Conception d’un MVP suite à un design sprint de 3 jours : wireframes, prototypes interactifs et plusieurs séries de tests utilisateur·rice·s modérés afin d’itérer sur la solution avant sa mise en ligne.

Intégrer le projet dans un écosystème déjà existant

Réalisation d’une étude comparative des scénarios d’implantation du Climate Action Center dans l’écosystème déjà existant : conduite d’entrevues internes afin d’évaluer les impacts SEO, marketing, techniques et de navigation de chaque option.

Défendre une approche responsable et durable

Accompagnement des équipes web dans l’application de principes d’accessibilité, d’inclusion et d’éco-conception, alignés avec les standards numériques canadiens.

Parlons projet

Extrait du rapport

Présenté aux différentes directions de la banque ainsi qu'aux vice-président·e·s

Résultats obtenus

Dépasser de plus de 20 % les objectifs fixés avant le démarrage du projet

Générer un fort trafic dans les premiers mois

Augmenter les demandes de financement liées à des projets de développement durable

Améliorer la circulation entre contenus, outils et ressources grâce à un maillage stratégique

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 ?

Découvrir le projet

Exemple du revamp de la charte graphique de Margoo, avant et après

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.

Explorer tous les articles

→ Est-ce bien utile d’avoir des couleurs éco-responsable sur son site ?

→ La méthode 80/20 : Comment l’appliquer à la conception de ton site pour le rendre éthique et éco-responsable

→ Ma routine d’analyse de site : comment je mesure l’impact réel de ton site web

BDC : Transformer un problème de navigation en projet stratégique institutionnel

par Coralie | 01/06/22

2021 - 2022 | COLLAB w/ MALTEM CANADA | UX Design - Conseils stratégiques

BDC : transformer un problème de navigation en projet stratégique institutionnel

BDC est la banque de développement du Canada, soit celle des entrepreneur·e·s canadien·ne·s, une société gouvernementale engagée et certifié B-Corp.

CLIENT

BDC
(Banque des entrepreneur·e·s canadien·ne·s)

SECTEUR

Bancaire

DURÉE

1 an de collaboration

Ce que peut révéler parfois un simple audit UX

Voici comment un audit UX a mené à la restructuration de la navigation d’un site gouvernemental bilingue (FR/EN) de +10 000 pages, tout en fédérant directions et vice-présidences autour d’une vision plus accessible, cohérente et performante.



Voir le site

Particularités du projet

Multiples vice-présidences impliquées
Gestion du bilinguisme
Gestion de l’impact SEO
Accessibilité (WCAG & SGQRI)
Forte conduite du changement interne

Contexte

Lorsque je démarre ma mission à la BDC, l’objectif initial est relativement ciblé : auditer la section “À propos” du site public existant afin d’identifier des pistes d’amélioration UX et stratégiques.

Mais très vite, l’analyse révèle un problème plus profond : l’écosystème web manque de cohérence et les utilisateur·rice·s se perdent dans une navigation devenue difficile à comprendre, maintenir et faire évoluer.

Le site reposait notamment sur une double navigation horizontale et verticale peu structurée, générant des abandons de parcours et une faible découvrabilité des contenus. Un enjeu d’autant plus critique que l’écosystème comptait plus de 10 000 pages FR et EN.

Parlons projet

Enjeux

La navigation ne répondait pas non plus aux standards d’accessibilité WCAG et SGQRI (équivalent québécois du RGAA en France). Certains parcours étaient particulièrement complexes pour les personnes naviguant au clavier ou avec des technologies d’assistance.

Au-delà de la navigation, le projet impliquait donc un véritable enjeu d’accessibilité et un important travail d’alignement interne : convaincre plusieurs directions et vice-présidences de repenser une structure en place depuis des années, tout en conciliant les enjeux SEO, marketing, techniques, éditoriaux et organisationnels autour d’une vision commune.

Parlons projet

Mon approche

Pour répondre à ces enjeux, j’ai structuré mon accompagnement autour de plusieurs axes mêlant audit, études utilisateur·rice·s, gouvernance UX et conduite du changement.

Révéler les problèmes grâce à une analyse approfondie

Audit de l’existant (ergonomie, architecture d’information, accessibilité, analytics, cartes de chaleur et parcours utilisateurs) afin d’identifier les problèmes de navigation et transformer les ressentis internes en constats tangibles et priorisables.

Mener des tests auprès des utilisateur·rice·s pour déceler les incompréhensions majeures

Réalisation de tests d’arborescences FR/EN auprès de +200 participant·e·s, puis de tests utilisateur·rice·s modérés et ciblés afin de valider les hypothèses, identifier les incompréhensions de navigation et aligner les équipes autour du besoin de transformation.

Fédérer autour d'une vision commune

Organisation d’entrevues individuelles et d’ateliers collaboratifs avec les différentes équipes, directions et vice-présidences afin de comprendre les enjeux métier, prioriser les contenus et restructurer l’arborescence globale du site.

Concevoir une navigation plus claire, accessible et évolutive

Conception de wireframes et prototypes interactifs mobile-first en collaboration avec les équipes UI, contenu et développement, avec une attention particulière portée à l’accessibilité, à la cohérence FR/EN et à la durabilité future de la navigation.

Tester, ajuster et faire évoluer progressivement la solution

Chaque étape de conception a été testée puis ajustée grâce à des phases d’itérations continues afin de sécuriser les décisions stratégiques et faciliter l’adhésion interne.

Parlons projet

Extrait du rapport

Présenté aux différentes directions de la banque ainsi qu'aux vice-président·e·s

Résultats obtenus

+30 % d’utilisation de la navigation principale devenu un mega menu

Une navigation plus claire, cohérente et accessible sur un écosystème web de +10 000 pages grâce à la mise en ligne d’un mega menu

Une meilleure découvrabilité des contenus grâce à un wording optimisé en FR et EN

Une architecture d’information plus évolutive et maintenable pour les équipes internes

Une navigation plus conforme aux standards d’accessibilités WCAG et SGQRI.

Et si ton site arrêtait d’être une simple vitrine ?

Aujourd’hui, ton site peut devenir bien plus : un outil aligné avec tes valeurs, utile pour ton business… et pensé pour durer. Comme eux, tu peux l’améliorer sans tout refaire. De manière stratégique, progressive, et surtout efficace.

Tu veux comprendre ce qui bloque pour faire des améliorations ciblées sur ton site ?

Parlons projet

Si tu as aimé le projet Margoo, tu devrais adorer ce site aussi...

Rêves : repenser l’expérience d’une association nationale au service des familles

DIAGNOSTIC OFFERT

Un regard d'experte sur ton site

Je t'offre un mini-audit express de ton site existant : empreinte carbone, accessibilité, performance. Tu repars avec des pistes concrètes, sans jugement, pour passer à l'action comme bon te semble.

DIAGNOSTIC GRATUIT

Connaissez-vous l'empreinte carbone de votre site ?

La plupart des sites web émettent beaucoup plus de CO2 qu'on ne le pense. Faites une demande de diagnostic gratuit et découvrez comment passer à l'action.

DIAGNOSTIC

Résultats envoyés sous 48h · Sans engagement

Éco-conception

Articles - Quels gestes écologiques adopter pour réduire l’empreinte carbone de son site web

Quels gestes écologiques adopter pour réduire l’empreinte carbone de son site web ?

Explorer tous les articles

Écriture inclusive sur ton site : un acte engagé… ou une fausse bonne idée ?

+20 outils pour t’aider à créer des pages web plus éthique et éco-responsable

Empreinte environnementale de son site : comment la mesurer et découvrir si son site est éco-responsable ou non ?

Rêves : repenser l’expérience d’une association nationale au service des familles

par Coralie | 20/01/19

2018 | UPGRADE TON SITE

Comment repenser efficacement un site web pour « vendre du rêve » ?

L'association Rêves réalise les rêves d'enfants gravement malades depuis 1994.

Demande initiale

Lorsque j'ai collaboré avec l'association rêves, l'objectif était de refondre l'intégralité de leur site pour pouvoir changer de CMS, mais également moderniser et fluidifier l'expérience vécut par les usagers du site web. Ils ont donc fait appel à l'agence Novius pour ce projet. L'agence, avec laquelle je travaillais à ce moment-là. Je suis donc intervenu pour ces 3 raisons principales :

Refondre le site publique ;
Créer les écrans wireframes (squelette du site) du nouveau système de gestion du contenu (CMS) pour qu'il ce soit personnalisé à leurs besoins et à ceux de toutes leurs délégations ;
Faciliter le don en ligne en repensant complètement le parcours du tunnel de donation.

Leur demande : #CMSpersonnalisé #Wireframes #TunnelDon

Voir le site

Mon analyse et approche

J'ai basé mon accompagnement sur 3 axes clés pour répondre à leurs attentes.

Analyse du site et recommandations

Avant même de démarrer le projet, j'ai commencé par une analyse de leur site existant afin de repérer l'ensemble de ses forces et faiblesses. Cela a permis d'évaluer les parcours, les fonctionnalités, l'ergonomie, l'accessibilité, le trafic sur les pages (statistiques), etc. Pour chaque constat, une recommandation avec un axe d'amélioration concret a été formulé.

Rencontre avec les usagers : parents, donateurs et délégations

La refonte de ce site a demandé une étude particulière et attentive des besoins des usagers : avec d'un côté les parents d'enfants malades qui se servent du site pour créer des demandes de "rêves", les donateurs qui peuvent faire un don pour aider un enfant à accéder à son rêve et les délégations qui organisent des évènements en régions. J'ai rencontré chacune de ces audiences en entrevues 1:1 pour les uns et lors d'un focus group pour les autres.

Ateliers participatifs

Pour avancer dans chaque phase du projet j'ai organisé et animé de nombreux ateliers de co-conception pour : bâtir la stratégie (objectifs et mission du site web), le périmètre (tri et priorisation des contenus et fonctionnalités), la structure (arborescence), le squelette (wireframes et architecture d'informations). Les maquettes graphiques et la direction artistique ont ensuite été réalisé par mon binôme UI designer : Frédéric Jacquemoud.

Me contacter

Extrait des écrans personnalisés pour la gestion du contenu dans le CMS

Chaque contenu du site : enfants, rêves, évènements, dons, commentaires se devaient d'avoir leur propre gestion spécifique et sur-mesure dans WordPress pour aider les membres de l'association et délégations à suivre chaque "rêves" efficacement et facilement de la demande à la réalisation.

Toi aussi, comme l'association Rêves, tu aimerais faire évoluer ton site web pour "vendre du rêve" ?

Mon calendrier reste ouvert si tu souhaites me booker pour me parler de ton projet. Ce sera avec plaisir !

[dsm_button button_one_text="UPRADER SON SITE" button_one_url="@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6Ijk4NzUxMTgzMCJ9fQ==@" button_two_text="Me contacter" button_two_url="mailto:bonjour@petitspas-design.fr" button_alignment="center" _builder_version="4.27.5" _dynamic_attributes="button_one_url" _module_preset="default" custom_button_one="on" button_one_text_color="#F0EFE8" button_one_font="||||on||||" button_one_icon="$||divi||400" button_one_icon_color="#F0EFE8" custom_button_two="on" button_two_border_width="1px" button_two_border_color="#F0EFE8" button_two_icon="$||divi||400" button_two_icon_color="#F0EFE8" locked="off" global_colors_info="{}" button_one_bg_color__hover_enabled="on|hover" button_one_bg_enable_color__hover="on" button_one_text_color__hover_enabled="off|desktop" button_two_text_color__hover_enabled="on|hover" button_two_text_color__hover="#F0EFE8" button_two_bg_color__hover_enabled="on|hover" button_two_bg_color__hover="RGBA(255,255,255,0)" button_two_bg_enable_color__hover="on" button_one_bg_color__hover="RGBA(255,255,255,0)" theme_builder_area="post_content"][/dsm_button]

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.

Découvrir la liste

Si tu as aimé le cas de l'association Rêves,
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 ?

Découvrir le projet

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.

Explorer tous les articles