💻 Développement Web
Design System parcours interactif - MMilan-Galaxy
Argumentaire
Dans le cadre de la SAÉ 4.02 consacrée à la conception d'un dispositif interactif lors de mon quatrième semestre, j'ai endossé le rôle de référent ergonomie et interface pour notre projet de science-fiction MMilan-Galaxy. Ma mission principale consistait à concevoir et développer seul un design system complet, baptisé Astro-Hub, afin de le distribuer ensuite aux autres collègues de la classe. L'objectif de cette démarche était d'uniformiser le design global et de garantir une expérience utilisateur fluide et cohérente, sachant que le dispositif final devait s'étendre sur plusieurs écrans distincts développés par des équipes différentes.
Pour mener à bien cette entreprise, j'ai opté pour un développement sur mesure en HTML, CSS et JavaScript, en veillant à créer une bibliothèque de composants à la fois esthétique et facile à intégrer. J'ai défini un langage visuel immersif en associant la typographie Montserrat Black pour des titres percutants à la police Inter pour les textes courants, tout en configurant des variables CSS dynamiques capables de faire basculer la palette de couleurs selon l'environnement exploré, passant par exemple d'un cyan éclatant pour la planète Tron à un violet mystérieux pour la planète Danse. J'ai également codé des éléments interactifs réutilisables, à savoir des boîtes de dialogue avec un effet d'apparition progressive du texte et des menus contextuels lumineux, que j'ai ensuite mis à la disposition de mes camarades pour habiller leurs propres scènes.
Le déploiement de ce socle technique a constitué une véritable réussite en termes de conception modulaire, me permettant de prouver ma capacité à penser une interface à grande échelle tout en produisant un code propre. Cependant, avec le recul inhérent à ma posture de référent, je reconnais avoir été un peu trop laxiste concernant le respect total de ce design system par certains groupes lors de la phase d'intégration. Des dérives visuelles et des adaptations hasardeuses sont apparues car je n'ai pas suffisamment contrôlé l'application stricte de mes règles. Si c'était à refaire, j'instaurerais des revues de design beaucoup plus régulières et je mettrais en place un processus de validation formel des interfaces avant leur fusion dans le projet global, afin d'assurer une uniformité absolue du produit final.