Retour 
2024 (10 jours)
Lead UX / UI
Figma
Contexte :
Mission avant vente pour le fournisseur Regaz Bordeaux, ayant pour objectif de refondre graphiquement et ergonomiquement l'application existante.
1
A partir du brief client et l'analyse de l'application existante orientée BtoB, une refonte du parcours client a été proposée.
2
Dans un style material design, épurée afin d'améliorer la lisibilité des informations et ainsi fluidifier le parcours utilisateur.
Exemple du log de connexion
3
La vue composée de la navigation, suivi d'un tableau composé de 3 onglets avec des possibilités d'actions (CTA) positionnés de manière intuitives permettent, une fois l'utilisateur connecté de lui présenter le nombre de demande "Omega" en cours. L'interface aux couleurs de l'enseigne, en cohérence avec l'identité visuelle rassure l'utilisateur et l'accompagne dans sa lecture et ses possibilités d'actions grâce à une hierarchisation de l'information optimisée.
4
Afin d'étoffer ma proposition, un exemple de parcours utilisateur dédié à l'ajout d'une demande a été proposé sous forme de stepper.
Première étape du stepper
5
Une fois les champs complétés par l'utilisateur l'activation du bouton "suivant" indique la possibilité de poursuivre le parcours.
6
Une fois l'étape 2 en cours l'utilisateur comprend qu'il peut retourner en étape 1 par l'action secondaire du bouton CTA qui reste actif et par la même reconnait le bouton suivant qui se trouve à proximité dans la suite de la hiérarchie de l'information, sur le même plan visuel.
Étape 2 du stepper
7
La répatition du process permet à l'utilisateur de comprendre rapidement comment avancer dans le formulaire de demande, y compris pour les utilisateurs qui seraient moins habitué aux outils du digital.
8
Le parcours se réalise en 3 étapes, une fois cette dernière terminée la modal de succès permet de rassurer l'utilisateur quant à la prise en charge de sa demande avec une notion de délais qui lui est annoncé.
Étape 3 du stepper
