Notre premier interactif : le tableau de bord masqué

Francis Gagnon
16 septembre 2021

Dans les mois à venir, nous mettrons enfin à jour notre portfolio pour mieux refléter ce que Voilà: est devenu au cours des deux dernières années. Aujourd’hui, nous ajoutons ce qui était alors notre premier interactif, développé fin 2020 pour FinDev Canada, une agence de développement international.

Ce fut une avancée majeure pour notre équipe de quatre à l’époque: Olivia Gélinas, Estelle Villemin, Chloé Cousin et moi-même.

Je ne suis pas très bon en design, je ne sais pas coder et c’était un projet très complexe à coordonner. Ce n’était vraiment possible qu’en équipe. Merci!

Je suis particulièrement heureux que la solution — un graphique alluvial — puisse paraître évidente… car elle ne l’est pas. Voici notre point de départ : une collection de points de données qui semblaient sans rapport.

 
Nous avons testé beaucoup, BEAUCOUP d’idées avant de choisir l’alluvial. Ci-dessous, notre remue-méninge sur Miro :

Et voici le premier croquis de l’alluvial. Nous avons remarqué que bon nombre de ces catégories réutilisaient en fait la même donnée : la valeur financière des projets. Nous voulions un design qui clarifie cette continuité et donc qui communique la nature des données.

Voici donc à quoi ressemble la version finale.

Portefeuille FinDev Canada présenté sous forme de graphique alluvial avec quatre colonnes rouges représentant, pour chaque projet, la région, le type d'investissement, le secteur et s'il est qualifié 2X.

Nous sommes particulièrement contents qu’elle fonctionne également sur mobile. sans perdre de fonctionnalités.

Version mobile du graphique alluvial présentant le portfolio de FinDev Canada avec des barres rouges et des rivières jaunes.

L’autre aspect que nous aimons est le fait que c’est un tableau de bord qui ne ressemble pas à un tableau de bord. Au lieu d’un menu déroulant, l’utilisateur clique sur n’importe quelle catégorie pour filtrer les données. Voici un exemple qui filtre uniquement les projets en Amérique latine, dévoilant ainsi la valeur des projets dans la région par type d’investissement, secteur et projets admissibles au Défi 2X.

Depuis, nous avons fait plus d’interactifs et avons tardé à rendre celui-ci public (où trouve-t-on le temps de mettre à jour les portfolios?), mais nous en sommes vraiment fiers.

Pour plus de détails, allez voir le projet sur notre portfolio.

Image d'un téléphone affichant le graphique alluvial qui présente le portfolio de FinDev Canada en rouge, jaune et bleu.
Francis Gagnon

Francis Gagnon

Francis Gagnon est le fondateur de Voilà: (2013), une entreprise de design d’information spécialisée dans le développement durable.
Facebook
Twitter
LinkedIn

Vous pourriez être intéressé

Aimez-vous être informé?

Partagez nos découvertes et restez au fait de nos réalisations en vous abonnant à notre infolettre.

Il nous fera plaisir de vous aider à révéler votre valeur. Voici comment nous joindre.