La méthode du double diamant
À travers chacun de mes projets, mon objectif est de répondre réellement aux besoins des utilisateurs.
Pour cela, appliquer la méthode de design thinking du double diamant me permet de suivre une réflexion structurée et créative.
Comprendre l'utilisateur
Analyse du contexte, des utilisateurs et des enjeux métier. Cadrage des objectifs, contraintes techniques et indicateurs de succès avec les équipes produit et tech.
Immersion
Tests & Interview
Audit
Benchmark
Comprendre l'utilisateur
Analyse du contexte, des utilisateurs et des enjeux métier. Cadrage des objectifs, contraintes techniques et indicateurs de succès avec les équipes produit et tech.
Immersion
Tests & Interview
Audit
Benchmark
Comprendre l'utilisateur
Analyse du contexte, des utilisateurs et des enjeux métier. Cadrage des objectifs, contraintes techniques et indicateurs de succès avec les équipes produit et tech.
Immersion
Tests & Interview
Audit
Benchmark
Définir la problématique
Structuration des besoins, priorisation des fonctionnalités et définition de parcours clairs. Je cherche des solutions simples, utiles et réalistes.
Ateliers
Tests & Interview
Parcours utilisateur
Root Cause Analysis
Définir la problématique
Structuration des besoins, priorisation des fonctionnalités et définition de parcours clairs. Je cherche des solutions simples, utiles et réalistes.
Ateliers
Tests & Interview
Parcours utilisateur
Root Cause Analysis
Définir la problématique
Structuration des besoins, priorisation des fonctionnalités et définition de parcours clairs. Je cherche des solutions simples, utiles et réalistes.
Ateliers
Tests & Interview
Parcours utilisateur
Root Cause Analysis
Concevoir & itérer
Exploration UX (workflows, wireframes), prototypage sur Figma et itérations rapides basées sur les retours utilisateurs, produit et développement.
Ateliers co-conception
Parcours finaux
Maquette
Prototypage
Concevoir & itérer
Exploration UX (workflows, wireframes), prototypage sur Figma et itérations rapides basées sur les retours utilisateurs, produit et développement.
Ateliers co-conception
Parcours finaux
Maquette
Prototypage
Concevoir & itérer
Exploration UX (workflows, wireframes), prototypage sur Figma et itérations rapides basées sur les retours utilisateurs, produit et développement.
Ateliers co-conception
Parcours finaux
Maquette
Prototypage
Livrer, accompagner & tester
Design UI pixel perfect, composants réutilisables, documentation claire et échanges continus avec les développeurs jusqu’à la mise en production.
Documentation claire
Tests & Interview
Recommandations
Règles d'applications
Livrer, accompagner & tester
Design UI pixel perfect, composants réutilisables, documentation claire et échanges continus avec les développeurs jusqu’à la mise en production.
Documentation claire
Tests & Interview
Recommandations
Règles d'applications
Livrer, accompagner & tester
Design UI pixel perfect, composants réutilisables, documentation claire et échanges continus avec les développeurs jusqu’à la mise en production.
Documentation claire
Tests & Interview
Recommandations
Règles d'applications
Application technique
Je développe mes interfaces avec l'utilisation de composants, d'accessibilité, de cohérence visuelle et de réutilisation, afin de faciliter l’évolution du produit et son développement technique.
Composants
Boutons, inputs, cards, alertes réutilisables, états complets
Composants
Boutons, inputs, cards, alertes réutilisables, états complets
Composants
Boutons, inputs, cards, alertes réutilisables, états complets
Accessibilité
Règle des couleurs & contrastes
Accessibilité
Règle des couleurs & contrastes
Accessibilité
Règle des couleurs & contrastes
Grilles & alignement
Application du design pixel perfect (8px)
Grilles & alignement
Application du design pixel perfect (8px)
Grilles & alignement
Application du design pixel perfect (8px)
Responsive & multi-device
Mobile first & desktop
Responsive & multi-device
Mobile first & desktop
Responsive & multi-device
Mobile first & desktop
Typographie
Taille minimale, Hauteur de ligne, Hiérarchie (H1 → body → caption)
Typographie
Taille minimale, Hauteur de ligne, Hiérarchie (H1 → body → caption)
Typographie
Taille minimale, Hauteur de ligne, Hiérarchie (H1 → body → caption)
Performance
Pas de lourdes animations, transitions rapides, images optimisées, polices limitées
Performance
Pas de lourdes animations, transitions rapides, images optimisées, polices limitées
Performance
Pas de lourdes animations, transitions rapides, images optimisées, polices limitées
Dark mode
Respect des préférences système, contrastes adaptés et lisibilité réelle
Dark mode
Respect des préférences système, contrastes adaptés et lisibilité réelle
Dark mode
Respect des préférences système, contrastes adaptés et lisibilité réelle
Hiérarchie visuelle
Différencier l'importance de l'information, Utiliser l’espace blanc
Hiérarchie visuelle
Différencier l'importance de l'information, Utiliser l’espace blanc
Hiérarchie visuelle
Différencier l'importance de l'information, Utiliser l’espace blanc
Exemples d'application
Étape 1
Comprendre
Projet Bodd-e
Étape 1
Comprendre
Projet Bodd-e
Étape 1
Comprendre
Projet Bodd-e
Étape 2
Définir
Projet d'application mobile de co-voiturage pour Sanofi
Étape 2
Définir
Projet d'application mobile de co-voiturage pour Sanofi
Étape 2
Définir
Projet d'application mobile de co-voiturage pour Sanofi
Étape 3
Concevoir & itérer
Projet AUXI'life
Étape 3
Concevoir & itérer
Projet AUXI'life
Étape 3
Concevoir & itérer
Projet AUXI'life
Étape 4
Livrer, accompagner & tester
Projet Eskimoz
Étape 4
Livrer, accompagner & tester
Projet Eskimoz
Étape 4
Livrer, accompagner & tester
Projet Eskimoz