refonte ux ui educarte

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

refonte ux ui educarte

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.

educ arte : refonte ux ui
No items found.

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.

wireframes ux arte
No items found.

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.

l' ui de educ arte
No items found.

PHASE 4 : le design system

design system educ arte
No items found.
No items found.

"

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

Nos autres projets

Création d'une application multiservice

Hjaelp

Création d'une application multiservice

Application danoise proposant des services B2B et B2C.

Découvrir le projet

SNCF Transilien

Concevoir une roadmap de fonctionnalités pour 2020

Aider la SNCF dans leur stratégie d'innovation pour augmenter l’acquisition et la satisfaction client.

Découvrir le projet

Simplon

Concevoir l'UX de simplonline en Agile

Repenser l’innovation pédagogique au service de l’impact social.

Découvrir le projet

Heineken

Co-construire une innovation foodtech

Proposer un service de location de tireuses à bière sur Paris en 30 minutes.

Découvrir le projet

Live for Good

Refondre le site d'un incubateur social

Un nouveau site pour présenter les programmes de l'association et des entrepreneurs, tous porteurs de projets à impacts positifs.

Découvrir le projet

Derichebourg

Concevoir un objet connecté en Smart office

Élaborer une innovation grâce aux nouvelles technologies pour créer les bureaux de demain.

Découvrir le projet

Mon bureau d'études

Plateforme d'analyse d'infrastructure

Accompagner un bureau d'étude dans la refonte de leur plateforme métier spécialisée dans l'infrastructure technique.

Découvrir le projet