Design d'experience UX/UI
Maquettage site Figma
Dans le cadre de notre formation en BUT MMI, nous avons réalisé un projet collectif visant à concevoir et développer une solution numérique répondant aux besoins d’un commanditaire. Ce projet nous a permis de mettre en pratique les compétences acquises dans les différents domaines du MMI : conception, design, développement web et gestion de projet. Notre travail s’est organisé en plusieurs phases, allant de l’analyse des besoins et de la définition des objectifs jusqu’à la création des livrables finaux. Nous avons travaillé en équipe afin de proposer une solution cohérente, fonctionnelle et adaptée aux attentes du commanditaire, tout en respectant les contraintes techniques, graphiques et organisationnelles. Ce projet a également été l’occasion de développer nos capacités de collaboration, de communication et de gestion de projet à travers la répartition des tâches, le suivi des échéances et les échanges réguliers avec le commanditaire.
- Année
- BUT2
- Format
- Groupe
Compétences acquises
21 ACComprendre 5 AC
Concevoir 6 AC
Exprimer 6 AC
Entreprendre 4 AC
Aperçu des travaux réalisés
2 productionsVespagetto
Lava Weather
SiteLava Weather est une application météo innovante qui transforme les prévisions climatiques en une expérience visuelle inspirée des lampes à lave. Les données météo (température, vent, UV, conditions actuelles et futures) sont traduites en animations fluides de bulles et en variations de couleurs. L’interface propose une lecture intuitive, esthétique et apaisante de la météo, en associant chaque état climatique à une ambiance visuelle et émotionnelle (soleil, pluie, orage, nuit, etc.). L’objectif est de rendre l’information météo plus accessible, immersive et agréable à consulter.
Lava Weather est une application météo immersive conçue dans le cadre du BUT MMI 2. Elle propose une alternative aux interfaces météo classiques en mettant l’accent sur l’expérience utilisateur et la dimension émotionnelle de la donnée.
L’application s’inspire directement du fonctionnement et de l’esthétique des lampes à lave, avec une interface centrale constituée de bulles animées représentant les conditions météorologiques. Ces bulles évoluent en fonction des données en temps réel : leur vitesse, leur taille, leur couleur et leur fluidité changent selon la météo (pluie, soleil, vent, orage, nuit).
Les informations affichées incluent :
les températures actuelles, ressenties, minimales et maximales, l’indice UV (notamment sur la région PACA), la vitesse et direction du vent, des prévisions futures, des suggestions contextuelles (parapluie, lunettes de soleil, manteau, etc.).
L’identité visuelle repose sur une charte graphique cohérente et expressive, où chaque condition météo est associée à une palette de couleurs spécifique (bleu pour la pluie, jaune pour le soleil, tons sombres pour la nuit, etc.). Les animations des bulles sont pensées pour renforcer la sensation de fluidité : mouvements lents pour un temps stable, accélération en cas de vent, diminution et ralentissement sous la pluie.
L’application intègre également une réflexion sur la typographie, les pictogrammes et la hiérarchisation de l’information afin de garantir une lecture simple et intuitive. L’ensemble vise à proposer une expérience à la fois fonctionnelle et contemplative, transformant une donnée utilitaire en interface sensible et immersive.
Vespagetto
SiteVespagetto est une interface UX/UI de commande de repas inspirée des services de livraison italiens. Le site permet à l’utilisateur de consulter un menu, de sélectionner des plats typiques italiens et de choisir un mode de livraison. L’objectif est de proposer une expérience simple, rapide et intuitive, mettant en valeur la gastronomie italienne à travers une navigation fluide et une hiérarchie claire de l’information.
Vespagetto est un projet de conception d’interface web réalisé sur Figma, centré sur l’expérience utilisateur dans le domaine de la livraison de repas italiens.
L’objectif principal est de concevoir un site clair et efficace permettant à l’utilisateur de :
parcourir un menu structuré de plats italiens, consulter les détails des produits (ingrédients, description, prix), sélectionner des articles et composer une commande, choisir un mode de livraison adapté (livraison standard, express ou à emporter).
L’interface met l’accent sur une navigation intuitive et une architecture de l’information simple, afin de réduire le temps de décision de l’utilisateur. Le design s’inspire de l’univers italien (restauration traditionnelle, codes visuels méditerranéens, couleurs chaudes comme le rouge, le vert et le crème), afin de renforcer l’identité du service et l’appétence visuelle.
Une attention particulière est portée à l’UX :
parcours utilisateur fluide de la découverte du menu jusqu’à la validation de la commande, boutons d’action visibles et hiérarchisés, lisibilité des informations essentielles, réduction des frictions dans le processus de commande.
Le projet vise à reproduire une expérience réaliste de service de livraison tout en restant dans une logique de prototype UI/UX, conçu pour être testé et amélioré dans une démarche centrée utilisateur.