Nous abordons chaque projet à travers trois dimensions inséparables. C'est notre grille, notre mantra.

Doing

Ce que la personne cherche à faire. Parcourir, chercher, comparer, retrouver, commander.

Thinking

Les questions qui l'arrêtent. Le prix, le délai, la qualité, la taille, le doute.

Feeling

Ce qu'elle éprouve. L'envie, la confiance, la fatigue, l'ennui.

Doing, thinking et feeling se conjuguent sur chaque point de contact. Cinq étapes pour y arriver, et des outils à chaque étape.

Méthode - site abelé 1757

  1. Comprendre

    Trouver la cause, pas le symptôme.

    Audit de l'existant, benchmark, analyse des parcours et des données. La grille sert de diagnostic : on identifie quelle dimension manque et où elle manque.

    • Dépouillement des données, structuration de la matière, synthèse de volumes que personne ne lirait à la main.

    • Notre base de benchmarks. Captures desktop et mobile, scores UX/UI, collections navigables. Un désaccord se tranche sur des cas réels.

    • ce que les chiffres disent des trois dimensions.

  2. Composer

    Faire tenir ensemble cinq langages qui ne parlent pas la même langue.

    La marque, les personae, les objectifs, les fonctionnalités disponibles, l'expérience attendue. Chaque écran est un arbitrage entre ces grammaires. UX et UI conçus conjointement, sans phase de wireframe.

    • Figma : la conception visuelle comme synthèse. DA & Design system tokenisés, nomenclature stricte.

    • Exploration des options, confrontation des partis pris, formalisation des arbitrages.

    • Interactions entre Claude code & Figma MCP pour itérer les cas de figure et couvrir les use cases.

    • IA générative : Recherche visuelle, univers de marque, production d'images dirigée.

  3. Éprouver

    Prototyper au réel pour itérer et décider

    Quand le sujet porte sur un comportement (Micro-interactions, transition, Tunnel complexe, Ajout panier, upsell...) nous produisons un prototype fonctionnel ciblé, sur les écrans concernés. Activé selon l'enjeu.

    • MCP FIgma pour interagir avec Repo Prototype

    • Claude pour aider à la structurer les stratégies, servir l’exploratoire et itérer les hypothèses

    • Claude code pour la génération et itération du prototype à partir des fichiers Figma.

    • React Next.js pour tester au réel. Eprouver les postulats dans un vrai navigateur, tester de vraies interactions, un vrai responsive. Une gestion réaliste et poussée des use cases.

  4. Itérer

    Challenger les écrans et les parcours dynamiquement, itérer rapidement

    Travail par lots, cycles courts, sprints, décisions prises pendant la séance. La faisabilité technique se valide au moment de la conception, pas après.

    • Figma & MCP Figma : pour concevoir vite et aller plus loins dans les itérations, et couvrir les use cases

    • Claude code dynamise l’approche Sprint pour qu’un échange du matin devienne testable l’après midi.

    • Nous utilisons Notion via MCP pour nos mémoires collectives et celle des outils. Documenter & structurer pour gagner en temps et en consistance.

  5. Livrer

    Un site conforme aux maquettes. Que nous développions ou non.

    Deux cas de figure. Nous développons, sur Shopify, WordPress ou Next.js. Ou bien nous livrons la conception à vos équipes et à l'agence qui intégrera. La qualité du livrable & sa structure conditionne le résultat final. Nous travaillons la conception dans le respect des équipes de dev. Un Design System documenté n'est pas une archive. c’est un canal de communication entre designer & développeur.

    • Avec Figma & MCP Figma : fichiers documentés, design system tokenisé, nomenclature stricte, états et cas d'usage couverts. Prêts pour l’intégration.

    • Nous produisons la traduction du design system dans la grammaire de l'équipe qui développe : tokens, composants, documentation exploitable par leurs outils. Construite avec eux, pas imposée.

    • Shopify · WordPress · Next.js. Quand la production est chez nous. Journey contracte, développe et répond du résultat.

    • Mémoire projet mutualisable. Nous documentons, mémorisons les étapes du projet, les décisions pour aider aux specs et mieux guider le développement.

Penser et faire, au même endroit.

Entre l'analyse, la décision et l'exécution, il n'y a ni relais ni délai. Les mêmes personnes regardent, tranchent et réalisent.

C'est ce que permettent des seniors qui maîtrisent leur sujet et des outils intégrés à chaque étape plutôt qu'ajoutés à la fin. Une intuition se vérifie dans la journée. Une hypothèse se teste avant d'être défendue. Un désaccord se règle sur un écran, pas sur un compte rendu.

Doing, Thinking et Feeling tiennent la ligne du début à la fin. Ils servent à diagnostiquer, ils guident la conception, ils décrivent enfin l'expérience livrée.

Méthode - Doing Thing et Feeling

Cette méthode ne concerne pas seulement l'UX et l'UI. Elle vaut pour une direction artistique, une refonte e-commerce, un développement sur mesure. Ce qui change, c'est le terrain. La manière de le prendre reste la même.

Nos Services

Nous vous accompagnons dans le process de création de votre site e-commerce, votre service ou votre application mobile.