Prototypage d’une One-Page Responsive : Une immersion UX/UI sur Figma 🎨📱

Dans le cadre de ma formation en design UX/UI, j’ai travaillé sur un exercice de prototypage d’une one-page en utilisant Figma. Le projet consistait à concevoir une page web immersive sur les Hautes-Alpes en intégrant des éléments fournis par le formateur. En complément, nous avons également décliné cette version en format mobile, en veillant à optimiser l’ergonomie et la navigation.

🎯 Objectif du projet

Ce projet m’a permis d’explorer plusieurs principes fondamentaux du design UX/UI :
✔ Structurer une page web de manière intuitive et engageante.
✔ Travailler la hiérarchie visuelle pour améliorer la lisibilité.
✔ Optimiser le responsive design, en adaptant la mise en page à différentes tailles d’écran.
✔ Assurer une navigation fluide et une expérience utilisateur agréable.

🖌 Une identité visuelle inspirée des Hautes-Alpes

L’univers graphique de cette page met en valeur les paysages et les activités de la région à travers :

  • Une palette de couleurs naturelles, Ă©voquant la montagne et la nature.

  • Une mise en page Ă©purĂ©e et moderne, facilitant l’accès aux informations.

  • Des visuels immersifs et des animations lĂ©gères, pour capter l’attention des utilisateurs.

📱 Une version mobile pensée pour l’ergonomie

L’adaptation mobile a nécessité une réorganisation des blocs d’informations afin de garantir une expérience fluide sur smartphones :
✔ Des boutons d’appel à l’action (CTA) optimisés pour le tactile.
✔ Un menu simplifié et accessible en un seul geste.
✔ Des images redimensionnées et ajustées pour un affichage optimal.

🚀 Un exercice clé pour perfectionner mes compétences UX/UI

Ce projet a été une expérience enrichissante, mêlant design responsive, optimisation de l’expérience utilisateur et maîtrise de Figma. Un défi qui m’a permis de mieux comprendre les enjeux du design web sur desktop et mobile !

Précédent
Précédent

🎨 Mes Premiers Projets en HTML & CSS : De la Recette de Pancakes à Hero Corp ! 💻🔥

Suivant
Suivant

Prototypage d’une One-Page sur Figma : Un exercice UX/UI immersif 🎨💻