Refonte des vignettes de cours
Au cours de ma mission en tant qu'UX et UI Designer, nous devions mettre en place de nouvelles vignettes de cours, ce qui a nécessité un processus complet de découverte UX. Mon rôle a consisté à mener une étude de marché approfondie pour comprendre les besoins des utilisateurs et les tendances actuelles du secteur. J'ai ensuite procédé à la construction des flux utilisateurs. Cela m'a permis de visualiser et d'optimiser le parcours des utilisateurs tout au long de l'expérience d'apprentissage. Par la suite, j'ai réalisé des wireframes en mettant l'accent sur l'architecture de l'information et l'ergonomie. Ces wireframes ont servi de base solide pour le développement de l'interface utilisateur.
J'ai aussi travaillé sur le maquettage de l'interface utilisateur en respectant le design system existant. Tout au long du projet, j'ai maintenu une collaboration étroite avec les développeurs, les responsables produits et d'autres parties prenantes pour m'assurer que les besoins des utilisateurs étaient pris en compte et que la solution répondait aux objectifs commerciaux.
Grâce à une méthodologie de travail axée sur les utilisateurs finaux, nous avons pu concevoir et mettre en place de nouvelles vignettes de cours qui offrent une expérience d'apprentissage optimisée et engageante pour les utilisateurs.
Veille du marché
Ma veille concurrentielle m'a permis de rester informé des tendances et des évolutions du marché, ainsi que des stratégies adoptées par les concurrents.
En ce qui concerne la veille fonctionnelle, j'ai étudié les nouvelles technologies, les frameworks et les outils pertinents pour l'UX et l'UI design. J'ai recherché des solutions innovantes qui pourraient améliorer notre processus de conception et renforcer l'expérience utilisateur. J'ai également suivi de près les évolutions des normes de conception et les tendances émergentes dans le domaine de l'UX et de l'UI.
Grâce à ma veille concurrentielle et fonctionnelle, j'ai pu apporter des recommandations stratégiques et des idées novatrices à notre équipe. Cette connaissance approfondie du marché et des technologies a contribué à l'amélioration continue de nos produits et à notre capacité à rester compétitifs dans un environnement en constante évolution.
Wireframes
Dans un soucis de prioriser le device mobile, j’ai débuter mon travail en designant dans un premier temps les écrans mobile.
J'ai veillé à ce que les éléments clés de l'interface soient présents et faciles à comprendre, en mettant l'accent sur l'ergonomie et la convivialité.
J'ai également tenu compte du contenu et des fonctionnalités spécifiques à chaque écran, en m'assurant que les informations étaient organisées de manière cohérente et que les interactions étaient intuitives.
Pendant le processus de création des wireframes, j'ai régulièrement sollicité les retours et les commentaires des parties prenantes, y compris les membres de l'équipe produit durant des points dédiés. Cela m'a permis d'itérer et d'améliorer les wireframes en fonction des retours d'expérience et des besoins spécifiques.
Maquettage UI
Lors de la réalisation des maquettes, j'ai accordé une attention particulière au respect du design system existant.
Ensuite, en utilisant les wireframes comme point de départ, j'ai traduit les concepts et les fonctionnalités en maquettes visuelles. J'ai appliqué les styles et les composants du design system de manière cohérente, en utilisant la charte graphique de Skilleos (couleurs, typographies et espacements).
Prototypage
J'ai également pris en compte les interactions et les animations spécifiées dans le design system, en veillant à ce qu'elles soient intégrées de manière harmonieuse dans les maquettes. Cela a permis de garantir une expérience utilisateur fluide et cohérente, en ligne avec les attentes des utilisateurs.
