Flex Manuel

Phase 1 : Diagnostic Design et retours utilisateurs

‍

La première étape de cette mission a été de lister et prioriser les éléments et parcours de la plateforme à optimiser. Grâce à des retours utilisateurs et un diagnostic design poussé, nous avons pu faire l’inventaire des optimisations à réaliser, classées en fonction de leur type et de leur difficulté à mettre en place. Il nous fallait, entre autres, repenser l'expérience utilisateur globale de lecture et de navigation, faciliter la création et la consultation de séquences de cours et de devoirs et, enfin, retravailler les fonctionnalités d'échanges entre élèves et professeurs.

‍

Phase 2 : Optimisation Ux

‍

Cette seconde étape a consisté à réaliser sous formes de wireframes avancés les écrans et les parcours relatifs aux optimisations définies en phase une. Nous avons, entre autres, réalisé un travail de rationalisation autour des différentes vues de ressources disponibles (Consultation, correction, édition, etc.), repensé le principe de navigation et de partage de documents dans les groupes et dans les classes, ou encore retravaillé le header pour une navigation plus claire entre les différents onglets de la plateforme.

‍

Phase 3 : Identité & conception Ui

‍

La première étape de la phase Ui a été de lancer un travail sur l’identité générale de la marque Flex Manuel. Un workshop et un sprint d’identité ont permis de définir un nouveau logo et de mettre en place une charte graphique (couleurs, iconographie, etc.) Une fois validée, cette identité s’est vue déclinée sur l’ensemble des écrans UX précédemment réalisés.

‍

L’enjeu principal de cette phase a été d’utiliser le mieux possible l’identité de la marque tout en respectant les contraintes de la plateforme : des images et des couvertures de manuels et de ressources colorés, qu’il ne fallait pas mettre en concurrence avec les couleurs de la plateforme.

‍

Phase 4 : design system

‍