.png)
Refonte UX et Ui de la plateforme pédagogique d'Arte
Educ'Arte
Plateforme Saas
Brief
Educ’Arte a fait appel à notre équipe de designers pour aider leur plateforme à faire peau neuve. Une refonte UX et Ui qui permettra de moderniser et fluidifier l’expérience pédagogique de ses utilisateurs.
Compétences
Ux design
Ui design
.jpg)
PHASE 1 : Un Diagnostic design COMPLET
Le premier enjeu de cette phase a été de comprendre en profondeur le profil des utilisateurs de la plateforme. Une série de tests et d’interviews auprès de ces derniers nous a permis de comprendre leurs différentes attentes, besoins et comportements vis à vis du produit. Ces enseignements nous ont permis de construire 5 personae références, incarnant de façon claire l’ensemble des enjeux utilisateurs autours de ce projet de refonte.
Parallèlement, un audit poussé de la plateforme a été réalisé. Général d’abord puis détaillé, il nous a permis d’analyser de façon globale et écran par écran, les points faibles de la plateforme. À la suite de cet audit, nous avons pu définir 4 axes prioritaires d’amélioration :
- Toujours guider l’utilisateur dans sa navigation.
- Se mettre au niveau des autres plateformes de visionnage en termes de fonctionnalités.
- Hiérarchiser beaucoup plus les informations pour dynamiser et clarifier la lecture.
- Utiliser plus de visuels et retravailler les espacements pour la partie Ui.
.jpg)
PHASE 2 : Refonte UX
Une fois le diagnostic réalisé et les axes d’amélioration définis, nous nous sommes penchés sur un travail d’arborescence complète dans laquelle chacune des pages détaillait l’ensemble de ces sections. Nous sommes ensuite passés à un travail de wireframes parcours par parcours, mettant ainsi en application nos enseignements et recommandations de la phase précédente.
Cela a donné lieu notamment à un remaniement complet de la section "filtres" dans les pages catalogue ou la création d’un nouveau principe de menu pour une navigation optimale dans la page profil.
.jpg)
PHASE 3 : Conception ui & design system
2 principaux enjeux se sont posés durant la phase d’Ui. Le premier était de créer un système de carte complet pour les 8 typologies de contenu vidéo différents de la plateforme. Pour ce faire, nous avons décidé de mettre en place un système de masques sur les miniatures vidéo permettant une identification rapide du type de contenu par l’utilisateur tout en laissant visible le contenu de la vidéo. Le 2ème enjeu a été de créer une iconographie singulière à la plateforme. Un système d’illustration fonctionnant sur un assemblage de petits éléments graphiques présent sur l’ensemble du site s’est finalement imposé comme un principe iconographique fort. Nous avons ensuite créé le design system rassemblant l’ensemble des composants.
.jpg)
PHASE 4 : le design system
.jpg)
"
Créez avec nous votre site web, plateforme ou appli sur mesure, de A à Z.
Camille Hautreux, Expert Projets Digitaux
Contactez-nous pour votre projet