Un portefeuille d'entreprises inclusives pour un avenir durable

FinDev Canada a ouvert ses portes en 2018 avec le but de soutenir la croissance et la durabilité des entreprises dans les marchés en développement. Après seulement deux ans d’opérations, ils étaient prêts à présenter leur portefeuille de projets au monde.

FinDev Canada nous a donc demandé de développer une visualisation avec un double objectif: informer le public de la nature des projets en cours et servir de tableau de bord à leurs employés.

Un des défis était donc de rendre le visuel suffisamment attrayant pour un public large tout en étant suffisamment technique pour répondre aux questions précises du personnel sur la répartition des projets.

Cliquez ici pour vous rendre directement au graphique interactif.

Le choix de l’alluvial

Un graphique alluvial permet de présenter les différentes distributions d’une même variable. Ici, il s’agit soit du nombre de projets ou de leur valeur financière qui se distribuent en régions, en types d’investissements, en secteurs et en admissibilité 2X.

Chacune des colonnes révèle la distribution proportionnelle des projets entre différentes catégories.

Avant

Chaque projet est visible

Comme il y a encore peu de projets au portefeuille de cette jeune organisation, il est possible de faire ressortir chaque projet en survolant le graphique.

L’exception confirme la règle

Les objectifs présentaient leur propre défi car ils ne sont pas mutuellement exclusifs comme certains projets peuvent contribuer à deux ou trois objectifs à la fois. L’alluvial n’est pas adapté à ce genre d’information. Nous avons donc utilisé le principe de l’illumination pour représenter tous les objectifs auxquels contribuent le projet sélectionné.

Dans cet exemple, le projet sélectionné contribue à l’autonomisation économique des femmes ainsi qu’à  l’action pour le climat et l’environnement.

Le tableau de bord masqué

Nous approchons les tableaux de bord grand public avec scepticisme, car il est rare que les lecteurs aient la patience de faire des sélections dans des menus déroulants et des listes. Nous avons donc intégré l’interactivité dans l’interface de manière intuitive, offrant l’option de filtrage à même les étiquettes plutôt que dans des menus séparés.

Détail des projets

Sous le graphique alluvial se trouve une liste des projets avec une courte description et un lien vers une page dédiée à chaque projet. Lorsqu’un projet est sélectionné dans l’alluvial, sa fiche se déplace tout en haut de la liste, tout juste sous le graphique.

Version mobile

En version mobile, le graphique alluvial est présenté de façon horizontale. Il préserve néanmoins toutes les fonctionnalités possibles dans un cadre serré et sur mobile. La seule différence est que le nom d’un projet s’affiche seulement lorsqu’il est sélectionné.

Version complète

Voici la présentation intégrale et interactive du portefeuille de projets. Avant le graphique alluvial, les résultats d’impact des projets sont présentés avec une courte animation mettant l’accent sur leur développement. Amusez-vous!

Projets similaires