Bricktools – Dashboard utilisateur et visualisation de collection LEGO®

Contexte du projet

Bricktools est un site web dédié aux collectionneurs de la célèbre brique danoise.
Ce projet a été réalisé en équipe dans le cadre de ma Licence Professionnelle Métiers de l’Informatique à l’UHA 4.0.

Le client, propriétaire du site, nous a confié la mission de développer un dashboard utilisateur complet, permettant de suivre l’évolution de la collection, et de centraliser les différentes fonctionnalités du site.

Lien du site : https://bricktools.fr/

Objectif

Créer une interface utilisateur claire et intuitive pour :

  • Visualiser l’évolution de la collection dans le temps

  • Suivre les ajouts et les retraits de pièces

  • Voir la répartition des types de contenus (sets, pièces, figurines)

  • Suivre ses objectifs via un système de gamification

Ma contribution

Je me suis principalement concentrée sur la visualisation des données via plusieurs types de graphiques interactifs :

 Graphiques d’évolution :

  • Graphique en barres : montre les ajouts et retraits de pièces par semaine ou par mois

  • Graphique en courbe : visualise la croissance de la collection sur les 4 dernières semaines ou les 12 derniers mois

  • Graphique combiné : affiche les deux types précédents superposés pour une vue globale

Graphique en secteur :

  • Représente la répartition entre pièces, sets et figurines dans la collection

Système de gamification :

  • Ajout de filtres et tris dynamiques pour faciliter le suivi des objectifs

Technologies utilisées

Back-end : PHP avec Laravel
Front-end : Vue.js
Styling : Tailwind CSS

Ce que j’ai appris

  • Manipuler et afficher des données dynamiques sous forme de graphiques

  • Créer des visualisations lisibles, utiles et attractives pour l’utilisateur

  • Utiliser des librairies de visualisation dans Vue.js (Chart.js)

  • Travailler en collaboration sur un projet client réel, avec des besoins spécifiques

Laisser un commentaire