Rôle
Conception, intégration front-end et data visualisation
Semestre 2 — Binôme
Staytistics
Projet universitaire réalisé en octobre et novembre 2025 (2ᵉ année de BUT MMI), en binôme avec Jimmy. L'objectif était de visualiser l'évolution des auditeurs des musiques du groupe de K-pop Stray Kids à travers des graphiques interactifs.
Démarche du projet
Ce projet s’inscrit dans le cadre d’un travail en binôme visant à concevoir une interface de data visualisation à partir de données réelles, tout en proposant une expérience utilisateur claire, engageante et responsive.
Contexte et intention
L’objectif était de transformer des données chiffrées liées à la musique en informations lisibles et compréhensibles. Le choix du groupe Stray Kids nous a permis de travailler sur un sujet qui nous motive, tout en abordant des problématiques concrètes de visualisation de données.
Recherche et sources de données
Avant toute phase de développement, nous avons identifié et sélectionné les sources de données nécessaires afin de garantir la fiabilité et la cohérence des statistiques présentées. Ces données ont ensuite été structurées sous forme de fichiers JSON.
Conception graphique et identité visuelle
Une maquette Figma a été réalisée afin de définir la structure des pages et l’identité visuelle du projet. Celle-ci s’inspire de l’univers du groupe Stray Kids, tout en conservant une lisibilité optimale pour la consultation des graphiques.
Développement et visualisation des données
Le développement a été réalisé en parallèle de la conception graphique : pendant qu’une personne travaillait sur la maquette, l’autre commençait l’intégration HTML et CSS. Les graphiques ont ensuite été développés en JavaScript, à partir des données JSON, afin de proposer des visualisations dynamiques et interactives.
Intégration de l’API Deezer
L’API Deezer a été intégrée afin d’enrichir l’interface avec des informations dynamiques, comme les pochettes d’albums et d’EP, apportant un contexte visuel complémentaire aux statistiques affichées.
Fonctionnalités principales
- Visualisation de statistiques d’audience sous forme de graphiques interactifs.
- Chargement dynamique des données depuis des fichiers JSON.
- Enrichissement visuel via l’API Deezer (albums, EP).
- Interface responsive adaptée aux différents supports.
Compétences développées
Ce projet m’a permis de renforcer mes compétences en JavaScript, en manipulation de données, en data visualisation et en intégration d’API, tout en travaillant la collaboration et l’organisation en binôme.
Résultat
Le résultat est une plateforme claire et interactive, permettant de comprendre l’évolution des auditeurs de Stray Kids à travers des visualisations de données pertinentes. Ce projet illustre ma capacité à transformer des données brutes en informations exploitables.