Services

Recherche UX, diag, audit

Comprendre la marque, à qui elle parle, et ce qui se joue entre les deux

Comprendre la marque, ses objectifs, ses contraintes. Identifier les personae réels, leurs attentes et ce qui les arrête. Analyser l'existant pour trouver les causes plutôt que les symptômes. Nous travaillons par empathie pour définir les lignes d’une expérience signée et performante.

Nos outils de compréhension

  • Audit analyse de l’existant & analyse des données
  • Ateliers marque, personae, fonctionnels
  • Jobs to be done et user flows
  • Benchmarks partagés
  • Cadrage et priorisation
Radar - benchmark smarter, design better

Radar

Notre outil “maison” de benchmarks : captures desktop et mobile, scores UX/UI, collections navigables et partageables.

Radar sert en cadrage, en atelier et en brief. Partageons nos benchs et les best practices internationales tous secteurs

Service en ligne gratuit, réservé à nos clients

UX + UI conçus conjointement

Le travail de design est une synthèse visuelle résultante des différentes composantes d'une grande équation.

  • Le bon marché - Listes
  • Lulli sur la toile - nouv eau process sélection tailles
  • Design system et conception UI
  • Dalle produit Aliksir
  • Adopt et diagnostic olfactif immersif
  • Alinea, booking des ateliers

Journey est focalisée sur l’expérience utilisateur et travaille l’ergonomie & le design des interfaces conjointement pour proposer une expérience unique aux visiteurs. Le double intérêt étant de travailler l’envie, l’affect vis-à-vis de la marque et la facilité de consultation, de compréhension et d’action au sein de l’offre en ligne. Nous cherchons à engager le visiteur dans une démarche de transformation e-commerce, trafic magasin mais également à travailler la fidélité et l’envie de revenir.

Notre process

  • Pas de wireframe (sauf cas appropriés)
  • Séquençage par lots (HP, descente catalogue, cas pdp, tunnel, compte…)
  • Itérations par cycle
  • Concertations, évolutions
  • Concertations techniques
  • Challenge cyclique

Point fort : la grammaire des plateformes

Nous ne designons pas des écrans dans l'abstrait. Nous concevons dans la grammaire du système qui les affichera : composants natifs, logiques de checkout, capacités du thème, conventions de la plateforme. C'est ce qui sépare un design qui s'implémente d'un design qui se négocie.

Maitreise de la grammaire des plateformes techniques pour optimiser UX et UI

Design system IA Ready

Tokens propres, nomenclature rigoureuse, documentation lisible autant par vos équipes que par les outils de production. Le design n'est pas interprété : il est traduit fidèlement en code.

01

Tokens

Couleurs, typographie, spacings, rayons, élévations. Une source unique, déclinée partout. Exposés via MCP et documentés en Markdown, ils sont lisibles par les outils de développement et par les vôtres. Le passage à Tailwind, à des variables CSS ou à la convention de votre équipe est facilité et maintenable à long terme.

02

Composants

Chaque composant existe en variante desktop et mobile, construit sur les tokens et les styles du système. Pas de valeur en dur. États, variantes et cas limites sont couverts en conception. Nous construisons pour que ce soit pérenne, évolutif dans la vie du site.

03

Documentation

La méthode de conception du Design System va permettre de documenter celui-ci de façon aisée. Il est par essence documenté au fur et à mesure de sa conception, les actions étant mémorisées et consignées via IA.

Ce qui change concrètement

Nous travaillons sur un système exploitable. L’intégrateur ne lit pas une maquette pour en déduire des valeurs : il doit pouvoir interroger la source. Pour garantir ainsi une intégration pixel perfect. Un design system bien conçu accélère la première mise en ligne, mais surtout les années qui suivent : nouveaux écrans, nouvelles fonctionnalités, nouveaux blocs, évolutions de la plateforme de marque. La méthode constitue un vrai investissement pour ne pas dériver niveau DA et économiser du temps à chaque nouvelle étape du site.

Face-à-face entre les variables du fichier Figma de Journey et les tokens CSS du site : chaque couleur, chaque espacement et chaque rayon du design porte le même nom de part et d’autre.

Prototypage React/Next.js

Production de prototypes fonctionnels React/Next.js via Claude Code, itérés en direct.

Quand le sujet porte sur un usage, des micro-interactions, des transitions, l’ajout panier, un tunnel complexe : nous produisons des prototypes fonctionnels HiFi à partir des écrans Figma. Utilisables dans un vrai navigateur, sur téléphone, avec de vraies interactions et de vraies données si nécessaire. Activés selon l’enjeu. Ils permettent de valider des hypothèses, d’itérer très rapidement sur des variantes, de couvrir tous les use cases, de gérer les min et max et au final de guider de façon exhaustive les intégrateurs et les développeurs back.

Design interactif

  • Sur écrans ciblés
  • S’enrichit au fur et à mesure, écrans interconnectables pour couvrir des parcours complets.
  • Responsive vrai
  • Données réalistes
  • États couverts
  • Lien partageable
  • Code React/Next.js réutilisable en production

Let’s prototype

Ajoutez un article au panier

  • Sweat red zipper

    Sweat zippé Red

    125,00 €

    Best seller

  • Pantalon Utility Wide

    Pantalon Utility Wide

    145,00 €

  • Manteau long Pompom Gally

    Manteau long Pompom Gally

    295,00 €

  • Jean Garden Party

    Jean Garden Party

    119,00 €

    Nouveauté

Avantages des prototypes

  • Travailler les micro-interactions, les transitions

    Petites animations, animation ajout panier, dynamique des volets, transitions. Pour travailler une expérience utilisateur singulière

  • Tester en réel avec tous les use cases

    Couvrir le champ d’usage plus rapidement et de façon croisée. Avec de vraies données, afin de couvrir les cas de figure possibles. Ce que ne permet pas facilement Figma, ou qui y prend beaucoup de temps.

  • Décider à plusieurs

    Un lien, un navigateur, aucun logiciel à installer. Les équipes confrontent leurs expériences et peuvent tester des variantes in situ et en live.

  • Générer les user stories

    Le process de prototypage va permettre de générer les user stories pour Jira ou pour compléter les briefs de façon complète et précise pour les intégrateurs et développeurs

Une équipe hands on