Visuel projet

Design system intranet étudiant

design UXUI wireframe design system
Décoratif

Description du Projet

Ce projet, réalisé au cours du semestre 3 du BUT MMI, consistait à concevoir la maquette complète d’un intranet étudiant. J’y ai pris en charge la création d’un design system complet, destiné à garantir la cohérence visuelle et fonctionnelle de l’ensemble de l’interface. Un design system est un ensemble de règles, de composants et de guidelines qui définissent le langage visuel d’un projet et permettent de produire des interfaces cohérentes et maintenables.

J’ai d’abord défini les fondations : choix et hiérarchisation des typographies, palette de couleurs primaires et secondaires, et règles d’espacement et de mise en page.

J’ai ensuite créé l’ensemble des composants réutilisables : boutons, champs de formulaire, cartes, icônes, navigation, modales… Chaque composant a été décliné dans ses différents états (normal, survol, actif, désactivé, erreur) afin de couvrir toutes les situations d’usage.

L’objectif était un système assez rigoureux pour être appliqué uniformément sur tous les écrans, comme en contexte professionnel. Ce projet m’a appris à penser le design à l’échelle d’un système global cohérent plutôt que d’un écran isolé — une compétence fondamentale en UX/UI design.
Figma

Figma

Apprentissages Critiques associés

  • AC23.03 — Créer et décliner une identité visuelle (charte graphique)