Analyse
• Audit
• Encadrement du problème
• Priorisation
Analyse
• 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
375 %
Évolution du Compte Croissance
Alignement avec l'objectif : utilisateur de l'application → service
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.
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.
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.
Problématique
« 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.
Brief initial du projet
Notre équipe avait pour mission de redessiner et repenser l'expérience utilisateur de la page d'accueil.
Méthode Utilisée • Recherche
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.
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é :
Rôle et Processus
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.
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
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
Section B
Avant
Après
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.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Section B
Avant
Après
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.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Section B
Avant
Après
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.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Section B
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.
Avant
Après
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.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Visualisation dense, cycle déroutant, pas de bouton CTA, ajoutant une charge cognitive mentale à l'utilisateur.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Section B
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.
Avant
Après
Challenge
Dense visual layout and limited white space reduced readability and made it harder for users to identify key sections.
Design Decision
Refined spacing, increased white space, and reorganized content blocks to create clearer visual hierarchy and improve overall readability.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Section B
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.
Avant
Après
Challenge
The original greeting (“Hi Anonymous”) sounded functional but lacked warmth and personality.
Design Decision
Explored more conversational microcopy and introduced “Welcome stranger to Datama!” to create a more welcoming and distinctive tone.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Impact
Éliminé les approximations, accéléré la correction des bugs et libéré le temps des développeurs des réunions inutiles.
Réflection
À 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.
À 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.
À 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.
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.
