UX/UI Design
PROJET :
Réalisation d’une application de mise en relation entre organisme de formation et formateurs et de gestion d’offre de formation.
Equipe : 3 UX/UI Designers
Durée : 6 semaines
Outils : Figma, Photoshop, Illustrator, After effect
Méthodologie : Agile
PERSONNA :
A partir des réponses aux questionnaires, nous établissons le Persona pour les 2 différents acteurs (le formateur et le centre de formation).
Le Persona est une étape importante de la conception car il permet de définir le portrait robot du client potentiel.
Cela va nous permettre de mieux connaître les clients types quand à son identité, sa situation familiale et professionnelle, ses loisirs, ses habitudes et ses besoins/attentes.
Nous pouvons ainsi proposer et adapter nos offres et les parcours utilisateurs en fonction de ses besoins.
USER JOURNEY :
Parcours client depuis l’inscription par le formateur sur l’application mobile jusqu’à l’acception par l’organisme de formation.
- Formateur: inscription & création de profil
- Formateur + OF: entretien de qualification commun
- Formateur: partage des disponibilités
- OF: création de formation & lancement d’une demande
- Formateur: réception offre et réponse
- OF: réception candidature & choix
- Formateur: notification de sélection
- Formateur + OF: contractualisation (hors outils)
- Formateur: agenda (suivi)
- OF: suivi des demandes & planning des formations
- OF: saisie des évaluations formateur post formation
CHARTE GRAPHIQUE :
La charte graphique se veut épuré.
Forme et couleur du logo minimaliste.
Utilisation d’une typo sans sérif pour la lisibilité.
La mascotte est une pieuvre, qui représente le côté multi-discipline des formations proposées via ses nombreuses tentacules.
Mise en place d’un atomic design pour les composants ré-utilisables dans un ensemble d’éléments (Atomes, Molécules, Organismes, Maquettes).
STORY MAPPING :
Le Story mapping de la solution permet de définir et de visualiser les fonctionnalités les plus importantes lors de la plannification d’un projet et de ses livraisons.
Les User Story qui ne sont pas essentiels pour le fonctionnement de l’application seront placés dans le produit de backlog et intégrer ou non dans les versions ultérieures.
EVOLUTION D’INTERFACE :
Les retours des différents tests utilisateurs ont permis de faire évoluer les interfaces au niveau de la lisibilité, de la navigation et des fonctionnalités.
Le passage du wireframe vers la maquette permet de mettre en avant l’évolution de l’interface.
PRESENTATION DU PROJET :
ANIMATION DU LOGO
ECRANS MOBILE FORMATEUR
ECRANS DESKTOP ORGANISME DE FORMATION
DEMO DE LA SOLUTION BASéE SUR LE USER’S JOURNEY
MERCI !