Yummy Nouilles, un site de restaurant conçu sur Figma
Une maquette complète, de l’identité visuelle à l’interface haute fidélité, pour maîtriser les fondamentaux du UI design et ses bonnes pratiques.
01
Contexte
Pour développer mes compétences en design d’interface, j’ai suivi la formation OpenClassrooms dédiée à la conception de maquettes web avec Figma.
Objectif : passer de la théorie à la pratique en concevant la maquette complète d’un restaurant fictif, Yummy Nouilles, avec une exigence de rendu professionnel.
02
Le défi
- Prendre en main Figma et ses bonnes pratiques
- Créer une identité visuelle cohérente et attractive
- Structurer une interface claire et intuitive
- Respecter les standards du web : hiérarchie, lisibilité, UX
03
La solution
Un univers graphique
Couleurs, typographies et visuels autour de la restauration asiatique, pour une direction artistique simple et efficace.
Une structure claire
Organisation des sections (menu, présentation, contact) et hiérarchie de l’information.
Une maquette soignée
Grille, espacements, composants et appels à l’action cohérents en haute fidélité.
04
En images
05
Outils et apprentissages
Ce que j’en retiens
Figma pour les wireframes et la maquette, les bases d’un design system, la hiérarchie visuelle et la grille de mise en page. Des réflexes que j’applique aujourd’hui à chaque site que je construis.