Résumé du projet

Datama - Simplifier la complexité

Datama - Simplifier la complexité

février 2024

février 2024

Équipe

Équipe

Moi, les actionnaires, les développeurs

Moi, les actionnaires, les développeurs

Chronologie

Chronologie

1,5 mois

1,5 mois

Rôle

Rôle

Designer de produit, Recherche qualitative (UX), UI/UX

Designer de produit, Recherche qualitative (UX), UI/UX

Outils et ressources

Outils et ressources

Figma, Miro, Github, ChatGPT, icons8, Slack

Figma, Miro, Github, ChatGPT, icons8, Slack

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

+135%

adoption des applications

+135%

adoption des applications

+135%

adoption des applications

+375%

évolution du compte de croissance

+375%

évolution du compte de croissance

+375%

évolution du compte de croissance

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

Prioriser la clarté

Des objectifs clairs.

Direction simple.

Prioriser la clarté

Des objectifs clairs.

Direction simple.

Prioriser la clarté

Des objectifs clairs.

Direction simple.

Gagnez du temps

Moins de réunions.

Des progrès plus rapides.

Gagnez du temps

Moins de réunions.

Des progrès plus rapides.

Gagnez du temps

Moins de réunions.

Des progrès plus rapides.

Aligner les parties prenantes

Concentration partagée.

Une collaboration fluide.

Aligner les parties prenantes

Concentration partagée.

Une collaboration fluide.

Aligner les parties prenantes

Concentration partagée.

Une collaboration fluide.

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.

  1. 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

J'ai entrepris cette mission au cours de mes trois premières semaines dans l'entreprise…

J'ai entrepris cette mission au cours de mes trois premières semaines dans l'entreprise…

Références et visuels basés sur le design thinking

Références et visuels basés sur le design thinking

Coordonné avec les parties prenantes pour comprendre quel contenu était le plus important et pourquoi elles souhaitaient un remaniement de la page d'accueil.

Coordonné avec les parties prenantes pour comprendre quel contenu était le plus important et pourquoi elles souhaitaient un remaniement de la page d'accueil.

Consolidation des options en une direction de solution claire en utilisant des matrices de priorisation et des boucles de rétroaction.

Consolidation des options en une direction de solution claire en utilisant des matrices de priorisation et des boucles de rétroaction.

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

  1. 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.

Avant

Avant

Avant

Avant

Après

Après

Quelles sont les modifications que j'ai apportées ?

1. Bouton « Nouveau classeur » : Meilleure visibilité

Avant

Avant

Après

Après

2. Espace Blanc = Clarté & Professionnalisme

Avant

Avant

Après

Après

  1. Personnalisation & Salutation

Avant

Avant

Après

Après

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

Built from scratch using figma, framer ©Jenniferflorentia2025

Built from scratch using figma, framer ©Jenniferflorentia2025

Built from scratch using figma, framer ©Jenniferflorentia2025