Grâce à Studio Lamarck et aux retours de mon cofondateur Émile, j'ai repensé toute l'iconographie des boutons de la page d'enregistrement. Mon objectif principal : reproduire le rendu et le feeling d'un vrai magnétophone à cassette.

Le problème, c'est que pour simuler un bouton qui s'enfonce, comme je n'étais pas rentré dans les moindres détails de l'UI, le résultat ressemblait davantage à un décalage étrange, presque à un bug. Dès que j'ai montré les premiers écrans du parcours à Émile, il a tout de suite tiqué sur ce point.

Le contexte : Un mot sur MyMémoires

Avant de plonger dans le vif du sujet, un petit rappel sur le projet MyMémoires s'impose. Le but ? Enregistrer les souvenirs de nos anciens pour les transformer en biographie. Tout se fait naturellement, au fil de la discussion. L'application capte les échanges, en extrait automatiquement les éléments clés, puis les recompose pour structurer le récit de leur vie.

Dans cet article, on zoome spécifiquement sur une brique très précise du produit : l'interface qui permet tout simplement à l'utilisateur de lancer sa session de captation.

Retour vers le futur avec Claude

J'ai donc demandé à mon compère Claude de retravailler cet effet d'enfoncement de bouton. Au début, les différents prototypes générés ne donnaient pas satisfaction ; je n'avais pas l'impression de retrouver la résistance physique d'une vraie touche.

je n'avais pas l'impression de retrouver le bouton enfoncé. J'ai demandé à Claude de s'inspirer fortement des anciens radios cassettes en plastique des années 80-90. À ce moment-là, il a ressorti de son imagination un visuel parfait qui a servi de base pour réfléchir à ses boutons.

J'ai alors changé d'approche : j'ai demandé à Claude de s'inspirer fortement des vieux radiocassettes en plastique des années 80-90. À ce moment-là, il m'a sorti de son imagination un visuel parfait qui a servi de base de réflexion. Avec ce bouton rétro sous les yeux, ça a été beaucoup plus facile d'ajuster mon prompt. J'ai pu le guider précisément sur le positionnement des ombres et la colorimétrie pour qu'on ressente que le bouton s'enfonce, et pas juste qu'il glisse vers le bas.

Une fois ce calage réussi, il a été très facile d'itérer. J'ai pu produire la nouvelle interface avec un bouton beaucoup plus naturel, doté d'un vrai retour optique. L'utilisateur a désormais la sensation tangible d'appuyer sur un mécanisme.

D'une contrainte UI à une idée Produit

Finalement, le design "radiocassette des années 80" pur et dur n'a pas été conservé en l'état. Mais cette exploration m'a fait émerger une autre idée : pourquoi ne pas proposer différents skins pour la page d'enregistrement ?

J'ai demandé à Claude d'isoler ce côté rétro, très proche du matériel physique, pour en faire une base de travail. Je garde ça dans un coin de ma tête. Pourquoi ne pas distribuer des skins ? C'est une excellente mécanique de gamification pour récompenser les utilisateurs fidèles. S'ils font beaucoup de sessions d'enregistrement, ils débloquent un nouveau style pour leur interface. C'est le genre de système que j'aime bien et que je compte tester si la charge technique pour créer un éventail de modèles n'est pas trop lourde.

Le mot de la fin : Bienvenue chez Studio Lamarck

Pour finir, un petit point sur Studio Lamarck. Le projet est né au début de l'été et commence sérieusement à prendre forme. Il s'agit d'une association à but non lucratif dont l'objectif est simple : donner de la force aux créateurs, aux solo builders et aux développeurs indépendants. On veut vous permettre d'aller au bout de vos idées, de construire, d'héberger, de sécuriser et de rendre visibles vos produits.

Aujourd'hui, le studio s'articule autour d'un noyau dur de fondateurs et de quelques proches qui nous ont rejoints, mais la volonté est d'être ouvert à tous.

Si vous êtes en train de construire un projet et que vous avez besoin de soutien, d'échanger ou de challenger votre vision, n'hésitez pas à nous contacter à contact@studiolamarck.fr. La porte est grande ouverte. Notre but est de bâtir une véritable communauté d'entraide et de soutenir tout le monde, peu importe votre niveau d'avancement ou votre bagage tech.

L'inspiration Kindle : l'épure avant tout

J’ai vraiment basé ma réflexion sur les liseuses numériques de type Kindle : une interface épurée, avec le moins d’actions possibles si ce n’est tourner la page. Pour simplifier la lecture, je voulais tout de même donner la possibilité de naviguer de manière moderne via une table des matières, afin de pouvoir sauter simplement d’un chapitre à un autre.

Prototypage sous stéroïdes avec Claude Design

J’ai commencé par faire générer des wireframes par Claude Design, car je voulais m’assurer de bien maîtriser l’entièreté du parcours. J’ai donc fait rédiger un brief à Claude, basé sur nos échanges et sur la liseuse déjà présente sur la version 1 de MyMémoires Web, qui constituait une base solide.

Le brief était précis sur le nombre d’écrans du parcours : une page de présentation, des pages de lecture (début et milieu de chapitre), une table des matières, et une page finale avec la possibilité de commander l’ouvrage physique. Claude Design m'a généré 4 pistes. J'ai pu faire mon cherry-picking en sélectionnant ce que je préférais dans chaque écran. La qualité était assez surprenante et, une fois mes remarques et ma sélection faites, le passage en maquette haute fidélité s’est fait sans accroc.

Craquer la navigation : une table des matières à deux niveaux

La table des matières n’est pas un organe de navigation habituel pour la lecture d’un livre papier en cours de route. Or, sur smartphone, on manque rapidement de repères. J’ai donc souhaité, sur les bons conseils de mes early users, ajouter une navigation non intrusive mais redoutablement pratique.

J'ai décidé de concevoir une table des matières accessible à tout moment, pensée en deux étapes. Un premier niveau permet de zapper rapidement entre les chapitres adjacents, et un simple "pull" dévoile ensuite l'arborescence complète de l'ouvrage.

Je suis plutôt satisfait du rendu final de cette expérience de lecture. Ça me laisse maintenant le champ libre pour m'attaquer à la suite : la gestion des compteurs et surtout l'enregistrement audio des chapitres, qui est la véritable clé de voûte de l'application. Je vais me concentrer sur ce gros morceau très prochainement.

Aujourd’hui j’ai push une nouvelle version de la landing page de MyMémoires qui officialise enfin la distinction entre la partie B2C (www.mymemoires.com) et la partie B2B (www.mymemoires.com/ehpad).

J’ai reconstruit cette page avec Claude Code en utilisant le modèle Opus 5 pour la partie B2C et Fable 5 pour le B2B. Beaucoup de bonnes idées générées par Fable que j’ai demandé à Opus de réintégrer.

Dompter l'horreur du vide des LLM

Un des gros problèmes de Claude est de remplir l’espace par du texte sans que je lui demande. On dit que la nature a horreur du vide, et bien je peux affirmer que les LLM ont ce même comportement. Pour corriger cet effet de drift, j’ai mis dans les paramètres une instruction demandant à Claude de me demander confirmation avant d’ajouter du contenu sans que je lui demande.

Design direct et magnétophone

Je déconstruis donc ma landing page pour tenter d’être un peu plus direct et de faire comprendre aux curieux qui la parcourront le concept de l’application. J’ai affiché également le module d’enregistrement inspiré du magnétophone cassette que je vous partageais dans mon dernier billet de blog.

Newsletters et teasing

Finalement, j’ai ajouté une petite subtilité au formulaire d’inscription : la possibilité de s’inscrire à la newsletter du projet. Si j’ai beaucoup d’engouement, je lancerai aussi ce projet en parallèle, et j’espère pouvoir me faire référencer par la superbe future application SimpleLttr.

L’occasion pour moi de vous teaser 3 choses :

• L’application SimpleLttr (de mon ami Emile)
• Le Studio Lamarck
• L’incubation du projet MyMémoires au sein dudit Studio

Next steps : Back-end et souveraineté

Objectif pour la suite : finaliser cette landing page puis m’attaquer au backend. Mon défi sera de me brancher à des LLM souverains via au moins deux providers, histoire d’avoir une solution de repli en cas de non-disponibilité.

Du B2B en Ehpad...

Les clients visés : les Ehpad et maisons de soin (récemment ++brillamment++ renommées « Maisons France Autonomie »), et plus spécifiquement les équipes soignantes. L'idée était de profiter des sessions d’échange en 1-1 avec les résidents pour enregistrer leurs histoires et construire leur biographie.

L’application est bien déployée dans un Ehpad depuis mars 2026 et le bilan est vraiment positif ! 8 résidents ont entamé leur parcours de création de biographie et, au total, ils ont enregistré plus de 70 sessions à l’heure où j’écris ces lignes.

... Vers le B2C pour les proches

Mais les Ehpad ne sont pas les seuls utilisateurs de l’app. Quelques connaissances, intéressées par le concept, m’ont demandé des accès pour enregistrer les souvenirs d’un aîné. Cet engouement (ou a minima cet intérêt) m’a poussé à lancer une version B2C de MyMémoires.

Tant qu’à faire, je refais tout de zéro avec comme objectif de rendre le tout beaucoup plus robuste. Je construis un backend IA qui sera utilisable autant par l’app B2C que B2B, et qui sera complètement agnostique du provider de LLM.

Une app mobile et un petit goût de nostalgie

Pour le B2C, j’ai décidé de partir sur une application mobile. C'est la façon la plus naturelle pour un particulier d’utiliser le produit, et c’est aussi ce que me confirme le terrain : ce sont surtout les petits-enfants qui cherchent à enregistrer la vie de leurs grands-parents, plus que la génération intermédiaire.

Pour rester dans cette vibe nostalgique et privilégier l'instant d'enregistrement, j’ai décidé de concevoir un écran d’enregistrement inspiré d'un magnétophone à cassette. J’espère que c’est un visuel qui parlera autant à ceux qui seront enregistrés qu’à ceux qui enregistreront !

Inspiration :

16 mai 2025, je tombe sur une vidéo, le replay d’un live organisé par LeTicket (média pour les Product Managers).

Un épisode de l’émission “C’est pas SorciAI” dont le sujet est le vibe coding, notion qui est floue pour moi à ce moment-là.

À la fin de la vidéo, je suis en état de choc, je commence à comprendre les possibilités offertes par l’IA dans le coding.

Je comprends aussitôt qu’il n’existera plus de freins à ma créativité, que toutes les idées qui m’ont traversé l’esprit pourront être concrètes et que je pourrai leur donner vie tout seul. Ma vie va changer et à ce moment précis, j’en suis déjà convaincu.

Depuis, je ne peux m'empêcher de penser que nous sommes à un point de rupture important dans notre manière de faire des produits tech. Plus rien ne sera comme avant, et fermer les yeux face à ce changement est très risqué.

Je suis convaincu que la force individuelle de demain sera la créativité, le goût et la compréhension profonde des autres. Il faut donc apprendre à développer ces trois talents, les exercer et les entraîner.

En tant que Product Manager avec un background ingénieur, j’ai l’impression d‘être assez bien positionné sur ces trois skills.

Je vais tâcher de confronter cette réflexion au réel et documenter ma démarche pour rester pertinent dans ce nouveau paradigme.