Horizon Master

Horizon Master

Horizon Master est un site web visant à référencer les masters disponibles en France. Le projet avait pour objectif principal de proposer une plateforme claire et intuitive permettant aux étudiants de rechercher et comparer les formations selon différents critères.

Le développement du site s’est appuyé sur une démarche centrée utilisateur : des rendez-vous ont été réalisés avec des étudiants afin de comprendre leurs attentes et besoins. Ces échanges ont permis d’orienter la conception UX et de réaliser des maquettes UI cohérentes. Le site a ensuite été développé en intégrant une API externe pour récupérer les données des masters.

Horizon Master

Cahiers des charges

Le projet s’est structuré autour des étapes suivantes :

  • Analyse des besoins : identification des attentes des utilisateurs finaux grâce à des rendez-vous ciblés.
  • Réalisation de maquettes UX/UI : création de wireframes puis de maquettes graphiques pour valider l’ergonomie et l’esthétique du site.
  • Développement du site : développement des pages, mise en place du responsive design et connexion à une API externe pour alimenter automatiquement les données des masters.
  • Tests utilisateurs : itérations régulières et recueil de retours pour ajuster l’expérience utilisateur.

Le site devait respecter plusieurs contraintes :

  • Une navigation fluide et intuitive.
  • Une interface responsive, accessible sur ordinateur comme sur mobile.
  • Une intégration technique solide, avec l’utilisation d’une API structurée pour garantir l’exactitude et la fraîcheur des données.
  • Un développement sur une période limitée à 5 mois, imposant une gestion rigoureuse du temps et des priorités.

Organisations et démarches

Le projet Horizon Master a été mené sur une durée de 5 mois, découpée en 5 sprints de 2 semaines. Notre organisation a reposé sur une démarche en deux temps : une phase de collaboration pour poser les bases du projet, puis une phase de coopération pour structurer la production.

Une collaboration active en début de projet, dès les premières semaines, notre priorité a été de construire une vision partagée du projet. Nous avons travaillé ensemble, en équipe, pour :

  • Préparer et réaliser des entretiens utilisateurs
  • Identifier les besoins concrets et les attentes en matière de recherche de master
  • Créer des personas, des cartes d’empathie, et des parcours utilisateurs
  • Concevoir un modèle conceptuel de données (MCD) à partir d’un référentiel défini collectivement
  • Élaborer la structure fonctionnelle de l’application

Cette phase collaborative nous a permis de poser des bases solides avant d’entrer dans le développement du produit.

Une coopération structurée en phase de production, une fois l’analyse utilisateur terminée, nous avons réparti les rôles pour entrer dans une phase de coopération, en tirant parti des compétences de chacun :

  • Lucas Chesneau : design d’expérience et représentation des données
  • Lucie Cristol : développement front-end
  • Gwendal Guilloux : intégration et gestion de l’API externe
  • Floriane Louis : développement front-end
  • Moi ( Maël ) : développement global et coordination technique

Pour garantir un bon suivi de projet, de mon côté j’avais mis en place un tableau Monday afin de voir le statut des différentes tâches et prévoir la suite.

Horizon Master - organisations et démarches
Horizon Master - Développement et résultat

Développement

Pour le développement du site Horizon Master, nous avons utilisé une stack technique simple mais efficace : HTML, SCSS, PHP et JavaScript. L’objectif était de concevoir une application web responsive et accessible, tout en assurant une bonne maintenabilité du code.

Nous avons intégré une API externe permettant de récupérer dynamiquement des données sur les formations de type master en France. Cela nous a permis d’afficher un catalogue à jour et pertinent en fonction des critères de recherche des utilisateurs.

Afin de proposer une visualisation claire des données, nous avons utilisé la bibliothèque ECharts pour générer des graphiques dynamiques. Ces visualisations aident l’utilisateur à mieux comprendre la répartition des masters selon différents critères (domaines, régions, etc.).

Le projet a été géré en version control avec GitHub, afin de faciliter la collaboration entre les membres de l’équipe, assurer le suivi des modifications et éviter les conflits lors du développement.