📏 Charte graphique
Charte graphique et maquette intranet MMI
Argumentaire
En deuxième année de BUT MMI, dans le cadre du cours de Culture Artistique avec M. Habault, j'ai réalisé seul la création de l'identité visuelle (charte graphique, design system) et le maquettage de "MMI TOOLS", un concept d'intranet étudiant pour le département. L'objectif principal était de concevoir une interface à la fois fonctionnelle et très lisible, tout en évitant l'aspect "froid" et impersonnel typique de la plupart des environnements numériques éducatifs.
Pour y parvenir, je me suis fortement inspiré du mouvement Bauhaus, notamment du travail de Walter Gropius, que j'ai combiné aux codes du Flat Design. J'ai structuré l'interface autour de formes géométriques simples et de couleurs primaires sémantiques, en utilisant par exemple le jaune pour l'action et le rouge pour l'alerte. Afin d'apporter une dimension chaleureuse et un esprit "étudiant", j'ai opté pour la typographie Google "Inter" et j'ai créé un set d'icônes spécifiques au style "dessin à la main", rappelant les croquis sur des notes en papier.
Ce travail me permet de valider la compétence EXPRIMER (AC23.03 et AC23.02) grâce à la création et la déclinaison d'une identité visuelle complète, allant du moodboard interactif jusqu'aux maquettes finales, ainsi que par la définition d'une iconographie originale "fait main". Il mobilise également la compétence CONCEVOIR (AC22.01) via la conception d'un service pensé pour les besoins réels des étudiants, intégrant une organisation claire de l'agenda, des ressources et de la messagerie.
Le point fort de cette réalisation réside dans la grande cohérence maintenue entre l'intention artistique initiale et le rendu interactif final. Si c'était à refaire, mon principal axe d'amélioration serait de mener des tests utilisateurs réels sur le prototype Figma afin de formuler de véritables recommandations ergonomiques, ce qui me permettrait de valider l'AC22.02. De plus, j'aimerais animer mes icônes dessinées au survol pour dynamiser la navigation.