MasterClasse
MasterClasse – Simplifier l’orientation étudiante
Octobre – Décembre 2024
Face à la complexité des plateformes existantes, souvent jugées incomplètes ou difficiles d’accès, nous avons imaginé MasterClasse. Ce projet, réalisé en équipe de cinq étudiants sur une période de trois mois, a pour but de centraliser les informations sur les cursus en France. L’objectif était de proposer une application web fiable et ludique pour simplifier la recherche de Master
DIRECTION ARTISTIQUE
L’identité visuelle a été définie suite à des entretiens utilisateurs pour correspondre à leurs attentes mentales du monde universitaire.
Palette chromatique : Nous avons retenu le bleu à l’unanimité, couleur évoquant la confiance et le professionnalisme. La charte associe un bleu marine profond à un bleu ciel (« baby blue ») pour le contraste, rehaussée par des touches de jaune pour apporter du dynamisme et du « peps » à l’interface.
Inspirations : Le design s’inspire de la modernité de plateformes comme Study Match et de l’accessibilité visuelle de MonMaster.
Accessibilité : Une attention particulière a été portée aux contrastes pour garantir la lisibilité, point qui a fait l’objet d’ajustements durant le projet.
CONCEPTION ET DÉVELOPPEMENT WEB
La conception s’est appuyée sur une phase de recherche utilisateur approfondie (interviews et benchmark) pour définir les besoins réels des étudiants. Pour l’interface, nous avons appliqué la loi de Jakob (familiarité des usages) et la loi de Fitt (accessibilité des zones de clic) afin de garantir une prise en main immédiate. L’identité visuelle repose sur une association de bleu marine et bleu ciel, évoquant la confiance et le professionnalisme, rehaussée par des touches de jaune pour apporter du dynamisme.
VIDÉO DE PRÉSENTATION
Vous pouvez voir ci-contre un enregistrement d’écran de la home page lors de la livraison du site web.
Compétences développées
Développement JavaScript avancé : J’ai conçu et géré les menus interactifs avec sous-menus. Cela intègre des comportements complexes (ouverture/fermeture et classes CSS dynamiques). Ainsi, j’ai mis en place des interactions au survol pour améliorer l’expérience utilisateur.
Création d’interactions utilisateur optimisées : J’ai développé un système modale. Il est doté d’une barre de recherche intégrée. Ce système permet de filtrer les contenus (pages, articles, custom post types) et d’afficher des résultats enrichis pour faciliter la navigation.
Utilisation de jQuery pour enrichir l’expérience : J’ai créé un script dynamique. Il ajoute des éléments visuels qui signalent le type ou la catégorie de chaque résultat. De cette manière, la clarté et la lisibilité des pages de résultats sont améliorées.