DateRefonte de dashboard de gestion de chatbots
KMBLabs, leader français de l’experience conversationnelle
24 janvier 2022
Contexte
KMBLabs propose des services de chatbots, moteurs de recherche, voicebots et interfaces conversationnelles, avec la technologie la plus aboutie du marché.
Créateurs d’expériences conversationnelles, ils accompagnent leurs clients dans leur communication avec leurs communautés à travers la gestion et création de conversations de chatbots, disponibles sur toutes les principales plateformes de messagerie (Facebook, SMS, e-mail, Slack, live-chat, chat intégré).
Notre mission a été de repenser la web app côté client pour optimiser l’expérience utilisateur et mettre en évidence les principales fonctionnalités afin d’apporter un niveau d’information et d’accompagnement plus poussé, permettant ainsi aux utilisateurs d’être alertes des différentes fonctionnalités à utiliser et de faire usage pleinement et en parfaite autonomie de l’outil.
Enjeux techniques
La mission consistait à la fois en un travail de fond sur la structure et l’usage de la web app mais également sur les aspects graphiques, pour apporter de la nouveauté à ses clients, une interface visuellement plus attractive et usuelle, avec des parcours simplifiés et significatifs.
La première phase du projet consistait en un audit de la webapp avec étude des différentes fonctionnalités et besoins utilisateurs.
Par la suite, une phase d’idéation et de prototypage nous a permis de travailler le concept dans son usabilité, sa structure et son identité visuelle.
Repenser l’identité graphique
L’interface a été également repensée dans son identité visuelle. Chaque CTA est soumis à des règles précises de couleurs et de formes, permettant ainsi de rendre plus visible les informations et de guider l’utilisateur dans les différentes étapes du parcours.
Le choix des couleurs a été pensé en fonction des inspirations graphiques du clients, d’une étude colorimétrique – déterminante pour hierarchiser les informations – et également d’accessibilité pour permettre une lisibilité par tous.
Les choix du design
Une des caractéristiques majeures du projet a été d’intégrer les différentes fonctionnalités de la web app tout en optimisant les parcours et la disposition des informations. Ainsi, cela permet de fluidifier la navigation et d’aérer les contenus pour une meilleure lisibilité et compréhension des informations.
Une page d’atérissage a été pensée afin de permettre à l’utilisateur une fois connecté d’accéder rapidement aux informations clés et être guidé sur ce qu’il doit faire.
