DataScientist.fr
Plateforme d'e-learning qui offre des formations en Data et Intelligence Artificielle.
Rôle
UX/UI Designer, Product Designer
Contexte
Stage professionnel en entreprise
Entreprise
AXI Technologies
Année
2022
Outils
Figma, Photoshop, Illustrator
Site web
Lors de mon stage de fin d’études, j’ai eu la responsabilité de concevoir l’interface et l'expérience utilisateur de la plateforme d’e-learning DataScientist.fr. J'ai appliqué un processus de design de bout en bout afin de répondre aux principaux besoins du public et lancer le site avec succès.
Nos objectifs principaux ont été les suivants :
-
Créer une arborescence cohérente entre tous les espaces de la plateforme (activités, dashboards, catalogue, site vitrine)
-
Concevoir un design system qui définit l’identité visuelle de notre site
-
Réaliser une interface moderne avec un design visuel agréable à utiliser
Phase de recherche
La conception de l’ensemble de la plateforme était une tâche très complexe. J’ai dû faire un benchmark des sites existants ( ex. Pluralsight, Udacity, Datacamp) afin de comprendre l’expérience utilisateur d'une plateforme d'e-learning. On a décidé avec mon chef que cela était la meilleure solution car notre projet démarrait de zéro et nous avions besoin d’être efficaces pour rendre une première version de notre plateforme rapidement.
Persona
Basée sur les utilisateurs d'autres plateformes, j'ai créé une persona pour mieux comprendre le comportement d'un potentiel client envers notre produit
User flow
J'ai crée un user flow pour montrer chaque étape de l'interaction avec l'utilisateur afin d'atteindre l'objectif principal de ce site, étant l'inscription à la plateforme et aux cours.
Sitemap site vitrine
Le site vitrine permet d'orienter les utilisateurs vers les formations qu'ils souhaitent suivre. Ce sitemap est un échantillon de différentes pages que celui-ci va comporter, avec le but de rendre l'expérience utilisateur pertinente entre tous les espaces proposés.
Phase de design
Création du design system
J’ai commencé par la création d’un design system pour définir une identité visuelle de notre site et en même temps de créer une bibliothèque des éléments réutilisables qui va permettre de réduire les temps de production du design.
Prototype plateforme e-learning
Le design de la plateforme a commencé par la création d’un prototype de moyenne fidélité permettant de voir le fonctionnement général de celle-ci pour l’espace étudiant et l’espace enseignant. J'ai défini les éléments UI, les design patterns et la hiérarchie visuelle du produit suivant le schéma du sitemap.
Prototype de moyenne fidélité
Espaces conçus
Les espaces suivants ont été conçus pour la plateforme :
-
Activités des cours ( Code activity, video activity, projet, quiz et leçon )
-
Dashboard étudiant
-
Dashboard enseignant ( dahsboard Analytics, évaluation, gestion de contenu )
-
Espace chat ( chatbot, chat room )
C’est après plusieurs itérations que j’ai défini le design final de la plateforme. Après avoir passé par les étapes précédentes , j’ai pu constituer une cohérence entre le design visuel et l’expérience utilisateur qu’on souhaitait mener. Les premiers résultats ont été encourageants, lors de premiers tests, les utilisateurs ont trouvé que le design est agréable à l'œil et la navigation est simple et facile, cependant la plateforme attend des indicateurs lors des dernières phases de tests afin de pouvoir réaliser des optimisations pertinentes.
