Evan

🧩 UI/UX Design

Design system site internet JPO MMIDAY

POLE CREA Design system Maquettage UI Figma

Argumentaire

Dans la continuité de la conception de l'interface pour la Journée Portes Ouvertes, l'équipe m'a confié la mission cruciale d'élaborer le Design System du projet lors du troisième semestre. L'objectif était de fournir un référentiel visuel et technique complet, indispensable pour garantir la cohérence graphique sur l'ensemble des pages et permettre aux développeurs d'avancer en parallèle sans avoir besoin d'attendre la finalisation de chaque écran. Il s'agissait de transformer mes premières intentions artistiques en composants réutilisables et rigoureusement normés.

J'ai mené ce travail d'industrialisation du design de manière autonome sur Figma. Mon idée directrice a été de décliner l'identité néobrutaliste en un système modulaire basé sur la règle des huit pixels, assurant ainsi un rythme visuel parfait. J'ai méticuleusement documenté chaque élément, des échelles typographiques adaptées aux différents supports, aux états des boutons, en passant par les champs de saisie et la palette de couleurs. Pour faciliter le travail d'intégration de mes camarades, j'ai pris l'initiative d'annoter les composants avec leurs propriétés CSS correspondantes, comme les valeurs exactes des ombres portées ou des arrondis.

Cette expérience m'a fait prendre conscience de la rigueur mathématique nécessaire au métier de designer d'interface. L'exhaustivité de ma documentation a été saluée comme un véritable gain de temps pour la phase de développement. En revanche, le maintien de ce système vivant s'est avéré complexe lorsque de nouveaux besoins non anticipés ont émergé en cours de maquettage. Pour mes futurs projets collaboratifs, je veillerai à mettre en place une nomenclature de composants encore plus stricte et je prévoirai des rituels de synchronisation plus réguliers avec l'équipe de développement pour ajuster le Design System en temps réel.

Année de BUT 2
Compétences Concevoir · Exprimer
Apprentissages critiques
AC22.01 · Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités...) AC23.03 · Créer et décliner une identité visuelle (charte graphique)