Telequote
Rôles : Designer UI / UX, Identité visuelle
Outils : Figma, Photoshop
Type de projet : Projet professionnel
Aperçu du projet
Telequote est une plateforme en ligne permettant aux équipes de vente de générer des devis en temps réel pour des produits et services. Ce projet a été réalisé pour un fournisseur du secteur des télécommunications, dont l’identité a été anonymisée pour des raisons de confidentialité.
La plateforme nécessitait une refonte afin de moderniser l’interface et d’améliorer l’expérience utilisateur, notamment pour une utilisation sur tablette. Dans le cadre de mon rôle en graphisme, j’ai contribué à ce projet en tant que conseiller UI/UX auprès de l’équipe de programmeurs qui était responsable de sa mise en œuvre.
Problème
Objectif
Wireframe
J’ai commencé par réfléchir à la structure générale de la plateforme afin d’établir l’organisation des différentes sections et fonctionnalités.
Une fois la structure de base définie, le projet est tout de suite passé à la conception des maquettes haute-fidélité afin de respecter les contraintes de temps et la demande du client.
Repenser la saisie des informations client
J’ai débuté par le processus d’identification du client. Sur la plateforme initiale, les vendeurs devaient saisir les informations dans la barre supérieure, à l’aide de menus déroulants et de petits champs de texte.
J’ai proposé de transformer cette étape en une interface guidée, plus optimisée pour les tablettes et le contrôle tactile. Les informations sont saisies étape par étape, ce qui rend l’utilisation plus claire, réduit les erreurs et facilite la navigation.
La barre supérieure sert désormais de rappel des informations et propose deux nouveaux boutons : un pour modifier les informations du client et un autre pour arrêter le devis.
Optimiser la plateforme pour les tablettes
Plusieurs éléments ont été déplacés et repensés pour optimiser l’espace et permettre une navigation plus intuitive sur tablette:
1
Le résumé du devis
2
La navigation principale
3
Les options additionnelles
1
Le résumé du devis
Ces informations n'étant qu'occasionnellement consultées, le résumé du devis a été dissimulé dans un panneau déroulant afin d’optimiser l’espace.
2
La navigation principale
Afin d’optimiser l’utilisation de l’espace sur tablette, j’ai proposé une navigation horizontale permettant de libérer davantage d’espace pour le contenu principal. J’ai aussi modernisé les icônes.
3
Les options additionnelles
Moderniser l’interface et l’expérience utilisateur
L’interface de création de devis avait besoin d’être modernisée et manquait de hiérarchie d’informations, ce qui rendait l’expérience confuse.
En divisant la collecte d’informations en plusieurs étapes et en ajoutant une hiérarchie claire, l’expérience devient plus intuitive et il est plus facile de s’y retrouver.
Proposer de nouvelles fonctionnalités
Afin de permettre aux vendeurs de proposer différentes options aux clients, j’ai proposé d’intégrer à la plateforme une fonctionnalité permettant de naviguer entre plusieurs devis.
Celle-ci permet de créer rapidement un nouveau devis, de passer d’un devis à l’autre et de réinitialiser un devis lorsque nécessaire.
Ce que j’ai appris
Malheureusement ce projet n’a jamais été conclus. Il m’a tout de même permis d’améliorer mes capacités à simplifier une interface existante, et à mieux organiser l’information. J’ai aussi développé mes aptitudes à concevoir des interfaces adaptées à leur contexte (tablette), tout en tenant compte des contraintes techniques et des décisions d’équipe.