Poser les bases
Porter un point de vue
Pimper le quotidien

Trouver la voie qui satisfait tout le monde - Speechlab

Des ateliers pour choisir le sujet, puis pour se rassembler sous une vision commune : chacun raconte l’expérience qu’il imagine en une dizaine de post-it, puis on explore les fonctionnalités, les modèles économiques (licence, abonnement, achat unique) et les publics (scolaire, missions locales). En parallèle, les grandes intentions de l’entreprise : quelle ambition à 20 ans, combien de produits, sur quelles compétences.

Il en est sorti la contrainte qui a guidé tout le reste : une expérience qui dure dans le temps, mais qui peut se boucler en deux ou trois semaines dans une classe selon l’organisation de l’enseignant.

Le résultat d’un atelier : chaque équipe a décrit, étape par étape, l’expérience qu’elle imaginait pour l’utilisateur. J’en ai tiré une version commune, avec les éléments partagés et les meilleures idées de chacun.

Mieux comprendre les enjeux - Studizz

L’intention de Studizz était de construire un outil de gestion de la mobilité interne en entreprise. Alors que l’on partait avec l’intuition que l’outil devait permettre de mieux gérer les évolutions de carrières des salariés, on s’est vite aperçu, suite à des entretiens auprès de responsables des Ressources Humaines, que le besoin était avant tout un outil d’anticipation : gérer au mieux les effectifs dans le temps et prévoir les besoins futurs selon les décisions stratégiques de l’entreprise.

Identifier le vrai problème - Rue du Commerce

Initialement mandaté pour structurer l’équipe design et apporter des corrections rapides au parcours d’achat, j’ai vite compris que le diagnostic méritait d’être interrogé : les ajustements à faire étaient en réalité mineurs.

J’ai donc décidé de mener une phase de recherche : examen des parcours utilisateurs et des habitudes de navigation, connaissance client par les différentes BU, analyse du chiffre d’affaires, des retours clients, test de notoriété.

Il est apparu que le problème était ailleurs : une marque peu connue en dehors de ses habitués, une marketplace qui causait plus de problèmes qu’elle ne rapportait, une acquisition trop agressive.

Les recommandations étaient claires : recentrage sur les catégories historiques (électronique, informatique, high-tech et domotique), offre simplifiée, rebranding. Des recommandations qui ont été appliquées suite au rachat de Rue du Commerce par ShopInvest (propriétaire des 3 Suisses). Puis la cession à LDLC, spécialiste de la vente d’informatique en ligne, a fini de démontrer leur pertinence.

Imaginer un nouvel usage - Renault

Au sein d’une équipe design internationale pour l’alliance Renault-Nissan-Mitsubishi, qui travaillait sur un générateur d’applications mobiles connectées aux véhicules des marques, j’ai été missionné par le responsable de la branche Véhicule électrique, pour imaginer un concept d’application dédiée.

J’ai proposé, pour des véhicules ne pouvant déployer qu’une centaine de km d’autonomie, un concept basé sur la navigation intelligente permettant d’organiser ses trajets et de les adapter aux besoins du conducteur.

Imaginer le e-commerce du futur - Rue du Commerce

La direction voulait donner un nouveau souffle à la marque. J’ai donc lancé un chantier exploratoire avec tout le pôle design, designers et PO. D’abord un atelier de design prospectif, avec une seule consigne : « Imaginez le e-commerce de demain ». Chacun a planché de son côté, puis on a mis les propositions en commun pour repérer les concepts et les fonctionnalités les plus prometteurs.

Restait à leur donner une direction. Quelques mois plus tôt, la direction avait défini huit valeurs de marque, chacune incarnée par un mot. Mais un mot s’interprète de mille façons. Avec l’équipe et quelques membres des directions, on a transformé chaque valeur en une phrase activable, pour en faire un manifeste. Puis, le long de l’experience map du parcours client, on a cherché pour chaque valeur les fonctionnalités qui l’incarnent.

Dernière étape : un toolkit des éléments retenus, à partir duquel l’équipe a prototypé son site idéal. Le chantier s’est arrêté avec le rachat de Rue du Commerce par ShopInvest.

Quelques étapes de l’atelier : création de concepts et vote des plus intéressants (le « tour au musée » du Design Sprint), travail sémantique pour transformer les valeurs en principes précis, puis idéation des fonctionnalités à partir d’un parcours type et d’une valeur.

Trouver une nouvelle direction - Woonoz

À l’occasion d’un appel d’offres et au moment où l’équipe de Woonoz voulait redonner un coup de fouet à son produit, on m’a demandé de travailler à une refonte de la solution. L’enjeu était double : convaincre en interne pour obtenir du budget face à Projet Voltaire, le produit phare de l’entreprise, et impressionner un prospect. J’ai donc agi en deux temps.

D’abord en interne en proposant une exploration des possibles afin d’ouvrir la discussion sur la suite à prendre. Après avoir analysé ce que faisait la concurrence, qui se focalisait sur la génération de parcours de formation en IA, j’ai voulu proposer des approches générales ou expérientielles différentes de ce qu’ils avaient imaginé jusqu’à maintenant.

Puis en développant la vision choisie de l’adaptation dynamique des parcours et du catalogue pour la tester durant l’appel d’offres.

La proposition a plu, mais nous n’avons pas été retenus : l’écart avec la version actuelle et la taille de l’équipe (un développeur) leur ont fait craindre de ne jamais être livrés à temps. En interne, cependant, les évolutions ont démarré.

Un extrait de la proposition faite à Renault, avec une identité visuelle non définitive.

Expérimenter - Muyu et Blindternet

L’exploration permet aussi de tester des idées qui sortent de ce que l’on peut faire habituellement. Comment représenter et faire ressentir le passage du temps différemment ? Comment sortir d’une accessibilité technique, basée sur l’adaptation de production pour les personnes valides, pour proposer des approches qui répondent vraiment au handicap ? C’est ainsi que sont nés Muyu, une horloge qui suit le soleil et les saisons, et Blindternet, une simulation d’un navigateur audio qu’on pilote à la télécommande et à la voix.

Grâce à des prototypes vibe codés, on peut même tester les concepts en vrai plutôt qu’en maquette.

Extraits de Muyu et de Blindternet.

Speechlab

Speechlab part d’une conviction : le coaching individuel ne devrait pas être réservé à quelques-uns, et personne ne devrait progresser seul. Tout le produit en découle : une IA qui évalue la progression de l’apprenant au fil de l’eau, un coach incarné qui l’accompagne, et des séquences pédagogiques pensées comme un dialogue.

Beneylu School

Chez Beneylu, on pensait que l’école pouvait aussi être un moment joyeux et stimulant. De là sont nés un univers illustré qui nourrit l’imaginaire des enfants, des activités ludiques, et jusqu’à un univers de fiction à part entière : Beneylu Quest, une box de lecture où l’enfant est recruté par une organisation secrète. L’univers, le packaging, le livret, les goodies et le site y racontent tous la même histoire.

La box Beneylu Quest.

FastR, SFR

Sur FastR, l’enjeu était de passer d’une culture du contrôle à une culture de l’autonomie des équipes. Plutôt que de faire suivre un script décisionnel aux conseillers, on leur a proposé une interface qui s’adapte à eux et les aide à gagner en autonomie.

Tout poser à plat, puis choisir - Speechlab

Pour Speechlab, j’ai été en charge d’une grosse part du travail de définition et du dimensionnement du produit notamment à travers la rédaction des principes et des fonctionnalités d’une version idéale, la production des user flows, parfois jusqu’au point de vue technique.

Le userflow de Speechlab.

Ensuite, pour dimensionner le projet au temps disponible et à la taille de l’équipe, et mettre tout le monde en ordre de marche dans la même direction, j’ai organisé, avec toute l’équipe, des associés aux développeurs, un grand atelier de priorisation pour choisir ce qui allait entrer dans la V1.

Trois jours, pas un de plus - Opérations spatiales

Opérations spatiales est une expérience (réussie) pour tester la possibilité de produire des activités ludiques en 3 jours maximum, design et développement inclus.

Captures d’Opérations spatiales.

Évoluer graduellement - Woonoz

Woonoz partait d’un existant et, avec une équipe d’un seul développeur, il était impossible d’envisager une refonte complète de l’outil. En partant de la vision idéale du produit, nous avons choisi d’avancer fonctionnalité par fonctionnalité pour atteindre l’objectif final, en commençant par faire vivre le coaching en temps réel qui adapte les séquences pédagogiques, le cœur du produit, d’abord selon l’état émotionnel de l’utilisateur puis en fonction de son taux de réussite durant la séquence.

La première intégration du coaching dans la plateforme Woonoz actuelle.

Tester en trois temps - Speechlab

Avant même la moindre ligne de code, j’ai créé un flyer pour tester l’intérêt pour le produit lors d’un salon où l’équipe était présente, face au public cible. L’engouement a vite démontré qu’on pouvait se lancer.

Le reste des tests s’est passé en deux phases :

D’abord, un POC très peu designé, pour tester un premier parcours et l’IA de reconnaissance vocale : quinze jours entre les mains de jeunes, encadrés, avec un journal de bord après chaque séance, puis des entretiens avec les élèves et les encadrants.

Enfin, un test avant le lancement, pour s’assurer des bénéfices du produit (la montée en compétences, l’agrément du parcours…) : un questionnaire, des entretiens et, côté pédagogie, l’analyse du taux de réussite et de la progression des apprenants.

Les maquettes ne doivent jamais faire foi - Beneylu School

Un problème fréquent rencontré sur les projets est l’écart entre le code et les maquettes : le moindre changement demande d’entretenir tout un tas de documents dont les maquettes. Et modifier des maquettes, c’est toujours infiniment trop long.

Afin de résoudre ce problème sur Beneylu School et limiter au maximum d’avoir à passer des heures à produire des maquettes pixel perfect et réduire la recette des interfaces, j’ai développé un document de principes d’interaction et de navigation, mais également de toutes les tailles, couleurs, typographie, composants et j’en passe, applicables à chaque module.

En somme, un design system avant les design systems.

Extraits du design de Beneylu School : principes généraux, espacements, états… Oui, c’est moche : c’est un long PDF produit en 2014 avec Balsamiq Mockups et Adobe Fireworks, pour un usage entre trois personnes.

Rendre l’équipe autonome - Speechlab

Sur Speechlab, j’étais le seul designer, et une ingénieure pédagogique structurait en parallèle tout le contenu de l’application. Si chaque écran de chaque parcours devait passer par une maquette, tout le projet passait par moi.

Dès le départ, j’ai donc pensé le design pour être le plus modulaire possible. Chaque composant était codifié, du titre au composant interactif. Par-dessus, des types d’écrans : ouverture, contenu, entraînement IA (en réalité une séquence d’écrans), fermeture… Les écrans de contenu étaient 100 % modulaires, les autres des gabarits plus fixes.

Restait à composer les parcours. Pour ça, un simple fichier Excel en trois colonnes : le code de l’écran (1.2.04 pour niveau 1, séquence 2, écran 04), ses composants dans leur ordre d’affichage, de haut en bas (titre, texte, timer, bouton suivant…), et pour chacun, son contenu ou ses règles. L’équipe pédagogique y composait elle-même ses parcours et les transmettait directement aux développeurs, sans repasser par la case maquette.

Résultat : 18 séquences d’une vingtaine d’écrans chacune, sans avoir à maquetter chacun de ces écrans.

Un extrait du fichier Excel, et l’écran qui en découle.