Dans le cadre du développement de mes compétences en design d’interface, j’ai suivi la formation OpenClassrooms dédiée à la conception de maquettes web avec Figma.

Ce projet s’inscrit dans une démarche d’apprentissage pratique, avec pour objectif de maîtriser les fondamentaux du UI design et les bonnes pratiques de conception d’interface.

J’ai ainsi conçu une maquette complète pour un site de restaurant fictif : Yummy Nouilles.

           Défi : 

• Prendre en main l’outil Figma et ses bonnes pratiques
• Créer une identité visuelle cohérente et attractive
• Structurer une interface claire et intuitive
• Respecter les standards du design web (hiérarchie, lisibilité, UX)

        Solution :

• Identité visuelle
  Création d’un univers graphique autour de la restauration asiatique
  Choix de couleurs, typographies et visuels cohérents
  Mise en place d’une direction artistique simple et efficace

  Wireframing
  Conception des wireframes pour structurer les contenus
  Organisation des sections (menu, présentation, contact…)
  Définition de la hiérarchie de l’information

  UI Design
  Réalisation de la maquette haute fidélité sur Figma
  Travail sur la lisibilité, les espacements et les composants
  Application des bonnes pratiques UI (grille, cohérence, CTA)

• Outils et méthode : 
  Figma : wireframes et maquette UI
  Principes de UI design :
  Hiérarchie visuelle
  Grille de mise en page
  Design system (bases)