Résumé du projet
Qui est Datama ?
Datama est une plateforme SaaS B2B d'analytique de données qui simplifie l'analyse de performance et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et accompagnée par l'accélérateur WILCO.
Rôle et Processus
En tant que seul designer, j'ai géré l'intégralité du périmètre de conception, depuis Figma à partir de zéro, le montage vidéo, la traduction (FR-EN), l'illustration, les visuels LinkedIn et YouTube, jusqu'à les mises en œuvre de Figma à WordPress et les refontes de produits.
J'ai créé de nouvelles pages, déployé WordPress (à l'exclusion des zones de l'application), et équilibré les besoins de l'entreprise avec la qualité du design tout en favorisant une collaboration efficace.
Ce rôle a aiguisé mon adaptabilité, ma communication et mon accent sur la vraie valeur du design. J'ai également mené des entretiens de retour d'information internes, recueillant des informations qualitatives pour affiner l'expérience du produit.
Comment fonctionne le cycle dans cette entreprise…
L'équipe se composait de :
3 développeurs, 1 designer (Moi), et 2 parties prenantes
Problématique
Problème à résoudre
« Les utilisateurs ont trouvé la plateforme déroutante en raison de flux de travail fragmentés, de visualisations complexes et d'un manque de conseils pour naviguer dans les fonctionnalités. »
Corrigeons cela.
Impact
La refonte de la page d'accueil a contribué à :
Amélioration de la croissance des comptes et de l'adoption des applications
Alignement avec l'objectif : utilisateur d'application → service
Méthode utilisée
En appliquant le principe KISS (Keep It Simple, Stupid), j'ai éliminé la complexité inutile et me suis concentré sur des solutions directes qui correspondaient réellement aux besoins des utilisateurs et des développeurs.
Brief initial du projet
Notre équipe avait pour mission de redessiner et repenser l'expérience utilisateur de la page d'accueil.
De nombreux utilisateurs enregistrés étaient insatisfaits de l'expérience et ont cessé d'utiliser notre application. De plus, suite au rebranding de notre entreprise, il est devenu essentiel d'aligner tous les systèmes pour assurer la cohérence de l'interface utilisateur.
Impact : Élimination des approximations, accélération de la correction des bugs et libération du temps des développeurs des réunions inutiles.
2. Recherche et idéation
En travaillant sur la page d'accueil en fonction de leurs suggestions, j'ai remarqué que chaque parcours et vue cible portaient des attentes différentes. Pour y remédier, j'ai demandé une structure claire afin d'aligner ces attentes et de guider efficacement le processus de conception.
Structure…
Voici l'une des structures que j'ai reçues :
Nouvelle Version Utilisateurs de l'application Web / Utilisateur de l'extension Blocs
Design in Figma
J'ai créé divers designs sur Figma, y compris des paramètres, une visualisation et une implémentation de Stripe, ainsi qu'une refonte de la page d'accueil, chacun accompagné de notes sur les animations pour accélérer le prototypage et soutenir des décisions éclairées.
Redéfinir la hiérarchie visuelle
Cette page est l'une des cinq que j'ai redessinées pour améliorer l'expérience utilisateur globale depuis le début. Bien que seule la page d'accueil soit présentée ici, les mêmes principes de conception : clarté, accessibilité et structure intuitive, ont été appliqués sur l'ensemble de l'interface.
Quelles sont les modifications que j'ai apportées ?
1. Bouton « Nouveau classeur » : Meilleure visibilité
2. Espace Blanc = Clarté & Professionnalisme
Personnalisation & Salutation
Impact
Quel est le résultat de ceci ?
Les analystes ont pu naviguer et sélectionner des données avec moins de confusion.
Le nouveau design a aidé à construire la confiance dans la plateforme en rendant les interactions plus intuitives.
Le nouveau design de l'interface a contribué à une augmentation de 365 % de l'adoption de l'application, soutenant directement l'objectif de faire en sorte que l'application génère plus de revenus que de services, un résultat clair de l'alignement d'une expérience utilisateur intuitive et d'une interface utilisateur professionnelle avec le comportement réel des utilisateurs et les objectifs commerciaux.
Conclusion
Qu'est-ce que j'en tire ?
En avançant, je commencerais par valider la refonte grâce à des tests de convivialité avec les analystes et les équipes internes. Je garderais également un œil sur les données d'utilisation à long terme pour identifier des points de douleur plus profonds et mieux informer les itérations. Si j'avais l'opportunité de le refaire, je collaborerais plus tôt avec les développeurs et les parties prenantes ensemble dès le début pour s'aligner et réduire les allers-retours.
Traduire des demandes abstraites en designs concrets
Communiquer avec des non-designers dans un environnement technique
Prioriser sous pression
Apporter de la clarté et de la logique dans les interfaces utilisateur là où il n'y en avait aucune