Lumen AI est une application fictive de prise de notes intelligente qui allie la simplicité d’écriture à la puissance de l’intelligence artificielle. Elle aide les utilisateurs à structurer leurs idées, générer des résumés pertinents et établir des connexions entre leurs pensées. L’objectif du projet était de concevoir une expérience fluide et intuitive, où la technologie s’efface pour laisser place à la clarté. Ce projet d’interface utilisateur a été réalisé afin de développer mes compétences graphiques et ma maîtrise de l’outil Figma en réalisant une page d'attérissage.
Défiler pour découvrir le processus ↓
MOODBOARD
STRUCTURE PAR BLOCS
Pour débuter, j’ai réalisé une phase de blocking où j’ai simplement séparé ma page en différentes sections. Cette étape m’a permis de définir la structure générale de l’interface et de visualiser l’organisation des contenus avant de passer aux wireframes. L’objectif était d’obtenir une base claire et logique pour faciliter la suite du processus de conception.
FIL DE FER
J’ai par la suite réalisé une maquette fil de fer basse fidélité de la page d’atterrissage. Cette étape m’a permis de définir la structure générale de l’interface, d’organiser les éléments clés et de tester la hiérarchie de l’information avant de passer à la phase visuelle. J’ai ainsi pu me concentrer sur l’ergonomie et la clarté du parcours utilisateur, sans être influencé par les aspects graphiques.
DESIGN UI
Une fois la structure de la page définie, je suis passé à la conception de l’interface utilisateur. Cette étape m’a permis de donner vie au projet en travaillant sur l’aspect visuel, la typographie, les couleurs et les composants interactifs. L’objectif était de créer une interface claire, intuitive et cohérente, où chaque élément guide l’utilisateur sans effort.
J’ai également utilisé cette phase pour expérimenter avec des styles graphiques et affiner ma maîtrise de Figma, en veillant à ce que le design reflète à la fois l’identité de l’application et la fluidité de l’expérience.
Aperçu du projet
Voici un aperçcu de la page d'attérissage finale
