UI-Ux Design
Consigne:
- Refonte de la page d’accueil d’une entité culturelle (Radio Nova), réalisée sur Figma. Le projet inclut des maquettes responsives pour les versions desktop et mobile, intégrant des éléments de prototypage afin de garantir une expérience utilisateur fluide et optimale sur tous les formats d’écran.
Les logiciels/resources utilisées
Type de projet :
Universitaire – Seul
Description du projet
🎯 Objectif du projet
L’objectif de ce projet est de repenser la page d’accueil de Radio Nova afin d’améliorer l’expérience utilisateur et d’harmoniser la cohérence visuelle de la plateforme. Cette refonte vise à moderniser l’interface tout en préservant l’identité forte de la radio. Grâce à des maquettes responsives adaptées aux versions desktop et mobile, ainsi qu’à l’intégration d’éléments de prototypage, l’objectif est d’optimiser la navigation, la mise en valeur des contenus et l’accessibilité sur tous les types d’écran.
🎨 La partie UI
J’ai conçu une interface adoptant un style Bento design, offrant une structure visuelle à la fois moderne et dynamique. L’organisation en blocs distincts, associée à l’utilisation d’ombres portées et d’effets de volume, crée une impression de relief et de profondeur. La palette de couleurs repose sur un contraste marqué entre un bleu foncé et un rose clair, conférant une identité visuelle forte et reconnaissable.
Par ailleurs, une double version jour/nuit a été pensée afin de garantir une cohérence graphique tout en adaptant l’ambiance visuelle aux préférences des utilisateurs.
🧭 La partie UX
L’interface a été conçue pour offrir une navigation fluide et immersive, en facilitant l’accès aux contenus principaux. Une hiérarchie visuelle claire guide l’utilisateur de manière intuitive, mettant en valeur les éléments interactifs et essentiels. Grâce au responsive design, l’expérience est optimisée sur tous les supports, qu’il s’agisse d’un écran desktop ou mobile.
L’intégration d’animations et d’éléments de prototypage ajoute une dimension interactive, rendant l’ensemble plus engageant, intuitif et agréable à explorer.
🧪 Prototypage
J’ai intégré une fonctionnalité simple mais efficace : au clic sur un bouton, l’interface change de couleur, passant du rose au bleu. Cette interaction dynamique renforce l’engagement de l’utilisateur tout en soulignant l’identité visuelle du projet. Ce détail visuel apporte une transition fluide, améliore la perception de l’interface et participe à une expérience plus personnalisée.
Aperçu du projet
Voyez par vous même!
- En cliquant sur le bouton, vous pourrez accéder à mes maquettes Figma en lecture seule, sans possibilité de modification.
Conclusion
Ce projet a été une belle opportunité pour moi de développer mes compétences en UI design. Du moodboard à la réalisation des maquettes, j’ai pu explorer plusieurs aspects de la création d’une interface fluide et agréable, aussi bien sur desktop que sur mobile.
J’ai appris à structurer l’information de manière claire et à optimiser les interactions pour rendre l’expérience plus intuitive. Ce projet m’a également permis de mettre en pratique mes connaissances tout en découvrant de nouvelles techniques visant à améliorer l’ergonomie et l’expérience visuelle.
