Analyse
• Audit
• Encadrement du problème
• Priorisation
Recherche
• Benchmark• User interviews• Journey analysis• A/B testing
Conception
• Prototypes Figma• Ressources Icons8• Intégration GitHub
Idéation
• Ateliers Miro• Collaboration en équipe• ChatGPT pour l'exploration
Vue d’ensemble
Planter le décor
La refonte de la page d'accueil a contribué à :
135 %
Adoption de l'application
Amélioration de la croissance des comptes et de l'adoption des applications
375 %
Évolution du Compte Croissance
Alignement avec l'objectif : utilisateur de l'application → service
Qui est Datama ?
Datama est une plateforme SaaS B2B d'analyse de données qui simplifie l'analyse des performances et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et appuyée par l'accélérateur WILCO.
Rôle et Processus
En tant que seul designer, j'ai géré l'ensemble du champ de design, de la création sur Figma à partir de zéro, montage vidéo, traduction (FR–EN), illustration, visuels pour LinkedIn et YouTube, aux implémentations Figma vers WordPress et redesign de produits.
J'ai créé de nouvelles pages, déployé WordPress (à l'exception des zones de l'application), et équilibré les besoins commerciaux avec la qualité du design tout en favorisant une collaboration efficace.
Ce rôle a affiné mon adaptabilité, ma communication, et mon attention à la véritable valeur du design. J'ai également mené des entretiens internes de retour d'expérience, recueillant des informations qualitatives pour améliorer l'expérience produit.
Rôle et Processus
L'équipe se composait de :
3 développeurs, 1 designer (Moi), et 2 parties prenantes
Problématique
Le défi révélé
« Les utilisateurs ont trouvé la plateforme écrasante en raison de workflows fragmentés, de visualisations denses et d'un accompagnement limité pour naviguer dans les fonctionnalités. »
Corrigeons cela.
Méthode Utilisée • Recherche
Transformer l'intention en action
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. Pour valider cela, j'ai intégré :
En appliquant le principe KISS (Keep It Simple, Stupid), j'ai éliminé le superflux et je me suis concentré sur des solutions directes qui correspondaient réellement aux besoins des utilisateurs et des développeurs.
J'ai exploré Python lors d'une session gratuite d'Ironhack pour mieux comprendre les outils et les méthodes de travail sur lesquels les utilisateurs s'appuient généralement.
Explication des doubles diamants
En voyant à travers les yeux de l'utilisateur, comment est-ce que j'aborde la tâche
Recherche
• Benchmark
• User interviews
• Journey analysis
• A/B testing
Analyse
• Audit
• Encadrement du problème
• Priorisation
Idéation
• Ateliers Miro
• Collaboration en équipe
• ChatGPT pour l'exploration
Conception
• Prototypes Figma
• Ressources Icons8
• Intégration GitHub
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
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Décision de conception
Prendre des décisions de conception avec intention
Voyons les exemples
Pour plus de clarté, j'ai mis en évidence quelques exemples qui montrent comment la structure a évolué, de avant à après, avec une brève note sur ce qui a changé et pourquoi.
Section B
Le Défi Résolu
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Avant
Après
Section D'
Le Défi Résolu
Le problème était un système de couleurs incohérent et inaccessible qui rendait la navigation confuse et augmentait la charge cognitive pour les utilisateurs.
Avant
Après
Section E
Le Défi Résolu
Avant
Après
Ce que j'ai changé
Je partagerai trois exemples parmi les nombreuses idées que j'ai proposées et mises en œuvre chez Datama. Chacun met en évidence comment la structure a évolué ; montrant l'avant et l'après, accompagné d'une brève note expliquant ce qui a changé et pourquoi.
En se concentrant sur les habitudes des utilisateurs, j'ai introduit un nouveau bouton qui est ensuite devenu partie intégrante du design officiel de l'entreprise.
Étant donné que de nombreux utilisateurs sont habitués à des interfaces telles que Google et Excel, il est judicieux de placer le bouton principal 'Créer' en haut à droite, conformément à leurs modèles mentaux existants.
Avant
Après
Ensuite, pour simplifier la mise en page et améliorer la lisibilité, nous avons affiné les espacements et introduit plus d'espaces blancs pour une meilleure harmonie.
En rétrospective après avoir étudié les WCAG cette année, j'augmenterais davantage l'espacement pour améliorer l'accessibilité et le confort visuel.
Avant
Après
Apprendre à Ajouter de la Personnalité à Travers les Mots
Après le cours de l'Institut de Design de Conversation, j'ai pris conscience de la manière dont des mots subtils peuvent changer le ton d'un message. Avec le recul, je dirais que l'expression 'Bienvenue chez Datama, Étranger' convient mieux.
Avant
Après
Réflection
Ce que je ferai dans le prochain projet
À l'avenir, je commencerais par valider la refonte par des tests d'utilisabilité avec des analystes, des utilisateurs et des équipes internes. Je garderais également un œil sur les données d'utilisation à long terme pour révéler des points de douleur plus profonds et mieux informer les itérations.
Si j'avais la chance de le refaire, je collaborerais plus tôt avec les développeurs et les parties prenantes ensemble dès le début pour nous aligner et réduire les allers-retours.
Si j'avais la chance de le refaire, je collaborerais plus tôt avec les développeurs et les parties prenantes ensemble dès le début pour nous aligner et réduire les allers-retours.
Traduire des demandes abstraites en designs exploitables
Communiquer avec des non-designers dans un environnement technique
Prioriser sous pression
Construire la clarté et la logique dans l'IU là où il n'y en avait pas
