Reproduction et interactions de l’application Leboncoin sur Figma : Un premier exercice UX/UI 🎨📱
Dans le cadre de ma formation en design UX/UI, j’ai réalisé mon premier projet sur Figma en reproduisant l’interface de l’application Leboncoin. Cet exercice avait pour but de prendre en main l’outil, d’apprendre à structurer une interface mobile et de concevoir des interactions fluides entre les différentes pages de l’application.
🎯 Objectif du projet
Cet exercice m’a permis de découvrir et de mettre en pratique :
✔ L’organisation des calques et des composants sur Figma.
✔ La mise en place d’une grille responsive pour assurer une cohérence visuelle.
✔ La gestion des icônes et typographies pour une fidélité à l’original.
✔ L’ajout d’interactions et de transitions entre les pages pour simuler la navigation.
🖌 Reproduction fidèle de l’interface
L’objectif était d’être le plus précis possible dans la reproduction de l’application en respectant :
Les couleurs et la charte graphique officielle de Leboncoin.
Les boutons, pictogrammes et interactions présents dans l’application réelle.
L’ergonomie mobile, pour une navigation intuitive et accessible.
⚡ Ajout d’interactions et de navigation dynamique
Une fois l’interface mise en place, j’ai travaillé sur les interactions et les prototypes dynamiques :
✔ Effet de survol et animations des boutons.
✔ Transitions entre les pages, simulant l’expérience utilisateur réelle.
✔ Mise en place du dark mode pour tester une variation de l’interface.
🚀 Une première expérience enrichissante sur Figma
Cet exercice a été une introduction idéale à la conception UX/UI, me permettant de comprendre les bases du design d’application mobile et l’importance des micro-interactions pour améliorer l’expérience utilisateur.
👉 Découvrez ce prototype et plongez dans la navigation interactive de Leboncoin ! 📲✨
