Sport et études
Le sport au fil des études
Sport et études est un site de visualisation de données réalisé en équipe pour explorer le rapport des jeunes de Suisse romande au sport. Le projet associait développement web, graphiques interactifs et storytelling pour construire un récit que l’on découvre en faisant défiler la page.
Les données provenaient d’une étude de l’Université de Zurich, complétée par notre propre sondage. L’enjeu était de leur donner une forme lisible, tout en gardant un fil conducteur entre les différents sujets.
Du récit au site web
Le storytelling et la conception du site ont été pensés ensemble : les informations retenues, leur ordre et la manière de les représenter devaient guider la lecture. Les maquettes ont posé les bases visuelles avant leur traduction en code.
Le site a été développé de A à Z en JavaScript. D3.js a permis de transformer les données en graphiques, en travaillant les échelles, les formes et la présentation des résultats. Les animations GSAP accompagnaient la progression dans le récit et l’apparition des éléments au scroll.
Le travail ne se limitait donc pas à concevoir une interface : il fallait relier les données, les graphiques et les animations dans un site fonctionnel, tout en conservant une lecture claire.
Faire fonctionner le récit à l’écran
Ce projet m’a permis de mieux comprendre comment le développement et la visualisation de données se complètent. Passer des maquettes au site demandait de tester, d’ajuster les graphiques et de trouver le bon rythme pour les animations.
J’en retiens surtout l’importance de faire des choix : un graphique doit rendre une information plus facile à comprendre, et une animation doit aider à la découvrir. Le travail avec JavaScript, D3.js et GSAP a donné une dimension concrète à cette réflexion.
Projet réalisé avec Ait-Slimane Ryad et Blanchard Romain.