<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Just The Thib</title>
        <link>https://sainrat.writizzy.blog</link>
        <description>C'est l'histoire d'un type qui tente de transformer une idée en produit</description>
        <lastBuildDate>Sun, 18 Oct 2026 03:39:51 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>Writizzy</generator>
        <language>fr</language>
        <image>
            <title>Just The Thib</title>
            <url>https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1784814486709-0nqf7tx.png</url>
            <link>https://sainrat.writizzy.blog</link>
        </image>
        <copyright>All rights reserved 2026, Just The Thib</copyright>
        <item>
            <title><![CDATA[Sortir la tête du guidon : retour sur la première Jam Session du Studio Lamarck]]></title>
            <link>https://sainrat.writizzy.blog/p/jam-session-1-studio-lamarck-mymemoires</link>
            <guid>https://sainrat.writizzy.blog/p/jam-session-1-studio-lamarck-mymemoires</guid>
            <pubDate>Mon, 12 Oct 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Retour sur la toute première jam session du Studio Lamarck : du codéveloppement entre builders pour débloquer l'UX de MyMémoires, apprivoiser Mistral Large 4 et repenser le modèle de pricing.]]></description>
            <content:encoded><![CDATA[<p>Mercredi dernier a eu lieu la toute première jam session du Studio Lamarck.</p>
<p>Je vous avais un peu vendu la mèche dans <a href="https://sainrat.writizzy.blog/p/skeuomorphisme-bouton-magnetophone">ce post</a> et un peu dans <a href="https://sainrat.writizzy.blog/p/dompter-l-horreur-du-vide-de-claude-et-update-mymemoires">celui-là</a>.</p>
<h2>Aux origines du Studio Lamarck</h2>
<p>Cet été, avec une équipe de choc, j&#39;ai créé une association à but non lucratif : le <a href="https://www.studiolamarck.fr/">Studio Lamarck</a>. Son objectif est simple : favoriser la création digitale indépendante. Ce qu&#39;on essaie de faire, c&#39;est de redonner aux builders et à tous ceux qui veulent fabriquer des produits le pouvoir d&#39;aller au bout avec l&#39;accompagnement nécessaire.</p>
<p>On s&#39;est rapidement rendu compte, avec les cofondateurs du Studio Lamarck sur nos projets respectifs, qu&#39;une fois passée l&#39;euphorie de la découverte de l&#39;IA et des premières lignes de code pondues, on arrive vite face au mur que tout solo builder rencontre un jour : avoir la tête tellement dans le guidon qu&#39;on n&#39;est plus capable de prendre une décision éclairée.</p>
<p>J&#39;ai souhaité que le studio soit avant tout une communauté. Un espace dans lequel on peut échanger librement, sans engagement, simplement avec l&#39;envie de participer, d&#39;aider les autres et d&#39;obtenir des retours sur son propre projet. Le studio est articulé autour d&#39;un serveur Discord où les membres partagent leurs avancées et s&#39;entraident. Si vous voulez rejoindre l&#39;association et le Discord, <a href="https://discord.studiolamarck.fr/">ça se passe ici</a>.</p>
<h2>Le crash test des jam sessions</h2>
<p>On voulait aussi prolonger ce Discord avec des événements physiques plus structurés. On a donc imaginé des « jam sessions », très inspirées des sessions de codéveloppement. Le principe : réunir plusieurs builders autour de la table, faire un focus sur un seul projet à la fois, et permettre au porteur de présenter ses avancées, de célébrer ses victoires et de partager ses blocages. Ensuite, à la façon d&#39;un atelier, l&#39;assemblée cherche et propose des solutions concrètes pour le builder en s&#39;appuyant sur ses propres retours d&#39;expérience.</p>
<p>Tout le monde y gagne : le porteur de projet repart avec des pistes directement actionnables, et les participants font le plein d&#39;inspiration et d&#39;apprentissages pour leurs futurs défis. La co-création rend la démarche vertueuse pour chacun, et c&#39;est entièrement gratuit.</p>
<p>Mercredi dernier, c&#39;était notre session test. On voulait éprouver le format, prendre des notes et vérifier que chacun y trouvait son compte. L&#39;idée est de pérenniser le rythme et de dégoter un lieu fixe pour nous accueillir, sans avoir à chercher une salle différente à chaque fois, tout en misant à fond sur la convivialité. L&#39;objectif est aussi de créer du lien entre builders pour briser la solitude que l&#39;on peut parfois ressentir.</p>
<h2>MyMémoires sur le gril : UX et Mistral Large</h2>
<p>Pour cette première, j&#39;ai eu la chance d&#39;avoir un long segment dédié à <a href="https://www.mymemoires.com/">MyMémoires</a>. Je venais avec deux gros sujets à présenter.</p>
<p>Le premier était un pur problème de design et d&#39;UX. J&#39;avais tellement le nez dans mon projet que je n&#39;arrivais plus à prendre de recul, mais je sentais bien depuis quelques semaines que la navigation et l&#39;enchaînement des écrans manquaient de fluidité. Moi, je m&#39;y retrouvais par cœur, mais un utilisateur qui découvrait l&#39;application était vite perdu : comment lancer un enregistrement, consulter les souvenirs, lire la biographie finale, personnaliser son livre ou l&#39;envoyer en impression ? J&#39;ai eu droit à d&#39;excellents retours, j&#39;ai pris une tonne de notes et j&#39;ai même eu droit à un super schéma sur un tableau blanc. J&#39;ai hâte de réattaquer le parcours utilisateur à partir de ces inputs.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1791835774072-cskzg64.jpg" alt="Le tableau pleins de conseils pour MyMémoires" /></p>
<p>Avant cela, je m&#39;attaque à un gros morceau côté tech : l&#39;intégration de <a href="https://mistral.ai/fr/news/mistral-large-4/">Mistral Large 4</a> (LE CHONK), sorti la semaine dernière, qui va devenir le nouveau moteur LLM pour mes agents chargés de rédiger les biographies. Pour sortir un récit de qualité et éviter les textes uniformes, il me faut le modèle avec les meilleures capacités de raisonnement. Reste à le dompter : les prompts qui fonctionnaient historiquement sur d&#39;autres modèles doivent être revus, car Large 4 ne traite pas l&#39;information comme ses prédécesseurs. Je suis en pleine phase de « test and learn » pour peaufiner mes agents rédacteurs et nous entrons dans la dernière étape de fine-tuning. Il y a déjà un écart très net par rapport à la version précédente.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1791835958386-gr3t7sb.png" alt="LE CHONK" /></p>
<h2>Repenser le modèle économique : le déclic du cadeau</h2>
<p>Autre sujet abordé lors de cette jam : le modèle économique. Être solo builder, ce n&#39;est pas seulement concevoir un produit, c&#39;est aussi penser à sa viabilité financière. J&#39;ai voulu challenger le modèle que j&#39;avais imaginé, d&#39;autant que j&#39;ai du mal aujourd&#39;hui à évaluer si les utilisateurs sont prêts à s&#39;abonner pour ce type d&#39;usage. J&#39;avais envisagé de m&#39;inspirer de Famileo, mais je doutais de la pertinence de ce format récurrent pour MyMémoires.</p>
<p>Une super suggestion a émergé des échanges. Comme la finalité de MyMémoires est de produire un objet physique, l&#39;application peut typiquement s&#39;offrir comme un cadeau à sa grand-mère. Et ce cadeau a une double valeur : il y a le livre relié à la fin, mais il y a aussi tous les moments partagés avec les enfants et les petits-enfants pour enregistrer les souvenirs.</p>
<p>Je pense donc plutôt lancer une offre à prix fixe : un tarif unique comprenant un accès familial illimité à l&#39;application MyMémoires avec autant d&#39;enregistrements que souhaité, et un exemplaire physique inclus à la fin (avec la possibilité de commander des exemplaires supplémentaires à prix coûtant). Cela crée une vraie incitation pour l&#39;utilisateur à aller jusqu&#39;au bout du parcours.</p>
<h2>La suite : ouvrir les portes et partager l&#39;élan</h2>
<p>Je repars de cette soirée avec pléthore de conseils précieux pour faire grandir MyMémoires, et j&#39;ai adoré voir l&#39;énergie et l&#39;avancement des projets des autres membres. On va très vite caler la session suivante pour entretenir cette dynamique.</p>
<p>Avec les membres du Studio Lamarck, on réfléchit aussi à communiquer plus largement sur les réseaux pour faire connaître l&#39;association. Créer de la visibilité autour du studio permettra, à terme, d&#39;offrir un vrai tremplin marketing pour le lancement des produits de chaque membre.</p>
<p>Si vous voulez suivre l&#39;aventure du Studio Lamarck, rejoignez la communauté ou abonnez-vous à notre page LinkedIn : c&#39;est là qu&#39;on annoncera les prochains rendez-vous </p>
<p>::link-button{label=&quot;Studio Lamarck Linkedin&quot; url=&quot;<a href="https://www.linkedin.com/company/studiolamarck"}">https://www.linkedin.com/company/studiolamarck"}</a>
::</p>
]]></content:encoded>
            <category>solo builder</category>
            <category>mymémoires</category>
            <category>studio lamarck</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1791836405260-ar99m5g.gif" length="0" type="image/gif"/>
        </item>
        <item>
            <title><![CDATA[Chasseur d'artefacts : le nouvel agent de MyMémoires]]></title>
            <link>https://sainrat.writizzy.blog/p/mymemoires-agent-artefacts-recit</link>
            <guid>https://sainrat.writizzy.blog/p/mymemoires-agent-artefacts-recit</guid>
            <pubDate>Tue, 29 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Dans MyMémoires, mon agent écrivain ne voyait qu'une partie des récits et oubliait la moitié de la fratrie. J'ai ajouté un agent qui repère les artefacts d'une vie (personnes, lieux, métiers, évènements) avec Mistral Small, leur attribue un score de confiance et les stocke dans une table partagée. Reste à calibrer le seuil, et à savoir si la console qui les affiche doit sortir du back-office.]]></description>
            <content:encoded><![CDATA[<h2>La v1 : deux agents et un récit qui tient la route</h2>
<p>Pour la nouvelle mouture de <a href="https://www.mymemoires.com/">MyMémoires</a>, j&#39;ai voulu muscler mon jeu de génération de biographie.</p>
<p>Jusqu&#39;ici, l&#39;orchestration reposait sur deux rôles. Un agent orchestrateur construisait la structure du récit. Un agent écrivain rédigeait ensuite les chapitres, un par un, en suivant ses consignes.</p>
<p>Pour chaque chapitre, l&#39;orchestrateur lui fournissait le contenu brut à utiliser, lui indiquait le sujet à traiter, et surtout ce qu&#39;il ne fallait pas aborder, pour éviter les répétitions d&#39;un chapitre à l&#39;autre.</p>
<p>Le résultat était de bonne qualité : un récit qui se tient, un fil compréhensible, pas de redites, et une histoire qui suit la vie de la personne de façon logique.</p>
<h2>Des chapitres qui ne se parlent pas</h2>
<p>Sauf qu&#39;il restait un problème. Les chapitres s&#39;enchaînaient les uns après les autres, sans vrai lien entre eux. Ce qui manquait, c&#39;était du liant entre les éléments importants du récit.</p>
<p>Prenons un exemple concret. Dans la maison de retraite où MyMémoires v1 est déployé, une résidente raconte sa vie. Au fil des récits, elle parle de ses frères et sœurs : elle a 2 frères et 2 sœurs.</p>
<p>Le hic, c&#39;est que l&#39;agent écrivain n&#39;a accès qu&#39;à la partie des retranscriptions que lui confie l&#39;orchestrateur pour son chapitre. Selon le chapitre, il ne connaît donc pas la fratrie en entier, et ne cite que ceux qui apparaissent dans ses extraits. Résultat : des erreurs et des approximations dans les biographies.</p>
<p>Il fallait donc créer un lien entre tous les éléments clés d&#39;une histoire.</p>
<h2>Un troisième agent entre dans la danse</h2>
<p>C&#39;est là qu&#39;un nouvel agent entre dans la danse. Son rôle : repérer les artefacts dans chaque transcription et les consigner dans une table en base de données.</p>
<p>Pourquoi parler d&#39;artefacts ? Parce qu&#39;un artefact, c&#39;est un objet précieux et chargé de sens. Et c&#39;est exactement ce que sont les informations que cet agent enregistre : des éléments chargés de sens, et précieux.</p>
<p>Il cherche quatre types d&#39;artefacts : les personnes (et leur lien avec le conteur), les lieux, les métiers et les évènements importants.</p>
<p>Pour ce rôle, pas besoin d&#39;un modèle frontière. Pour de l&#39;identification et de la classification, <a href="https://mistral.ai/fr/news/mistral-small-4/">Mistral Small 4</a> est totalement suffisant et parfaitement capable.</p>
<p>Pour chaque artefact, l&#39;agent attribue un score de confiance. Si ce score passe sous un certain seuil, une pop-in apparaît et demande à l&#39;utilisateur de confirmer une supposition.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1790710370120-rnxcs3g.jpg" alt="Exemple fictif de pop-in de confirmation d'artefact" /></p>
<p>Ce seuil, il va falloir le calibrer. Pour ça, je vais devoir passer par des phases de tests, en racontant des histoires avec des éléments qui sèment le doute. Des actions de recette qu&#39;on n&#39;a pas l&#39;habitude de faire.</p>
<p>Cette table est ensuite lue à deux moments du processus : quand on traite le transcript vocal pour en créer le résumé, et quand on construit la biographie.</p>
<p>Concrètement, peu importe le chapitre sur lequel travaille l&#39;agent écrivain, il a toujours accès au contexte du narrateur. Fini la fratrie découpée.</p>
<h2>Une console pour tout visualiser</h2>
<p>Pour voir ces artefacts de façon graphique, j&#39;ai construit une console qui les présente pour chaque conteur.</p>
<p>::gallery{columns=3}
<img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1790710422104-su253yn.png" alt="Exemple fictif de la console : l'arbre généalogique" />
<img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1790710424589-bt77jdr.png" alt="Exemple fictif de la console : frise chronologique" />
::</p>
<p>Dans cette console on affiche les artéfacts selon les différents type: </p>
<ul>
<li>Un tableau des personnes en lien avec le conteur</li>
<li>Un arbre généalogique pour la famille</li>
<li>Une frise chronologique de vie où sont répertoriés évènements, lieux et professions exercées.</li>
</ul>
<p>À terme, j&#39;aimerais être capable de produire ces arbres généalogiques et ces timelines de vie insérable dans la biographie (en fin de livre, par exemple).</p>
<h2>Ouvrir la console aux utilisateurs, ou pas ?</h2>
<p>Reste une question : est-ce que je donne accès à cette console, ou à un équivalent, aux utilisateurs de l&#39;app ?</p>
<p>Je commence à galérer pour garder un flow simple, et j&#39;ai peur que cette console vienne complexifier encore un peu plus l&#39;application.</p>
<p>D&#39;un autre côté, j&#39;aimerais pouvoir présenter l&#39;arbre généalogique du conteur. Et donner la possibilité de compléter ce qui manque : ajouter les personnes jamais citées pendant les sessions d&#39;enregistrement, ajuster l&#39;orthographe d&#39;un prénom ou d&#39;un nom de famille, préciser une date de naissance, ou la rue où le conteur vivait à une certaine époque.</p>
<p>Mais l&#39;objectif de MyMémoires, c&#39;est avant tout de favoriser la conversation et le dialogue. Pas de faire passer du temps aux utilisateurs derrière un écran.</p>
<p>Je ne suis pas encore fixé. Pour l&#39;instant, la console reste en back-office pour valider mes tests. Peut-être que je la partagerai à quelques utilisateurs clés pour avoir leur feedback sur cette feature.</p>
<p>Si vous avez un avis sur la question, je suis preneur.</p>
]]></content:encoded>
            <category>mymémoires</category>
            <category>mistral</category>
            <category>vibecoding</category>
            <category>agents</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1790688581370-9ehq63k.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Pourquoi censurer les récits de vie ?]]></title>
            <link>https://sainrat.writizzy.blog/p/pourquoi-censurer-les-recits-de-vie</link>
            <guid>https://sainrat.writizzy.blog/p/pourquoi-censurer-les-recits-de-vie</guid>
            <pubDate>Mon, 21 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Quand la modération des LLM censure les souvenirs de guerre de nos aînés et que le modèle s'obstine à inventer des fins heureuses : retour sur les coulisses techniques et l'architecture agentique de MyMémoires.]]></description>
            <content:encoded><![CDATA[<p>Comme je l&#39;évoquais dans mon <a href="https://sainrat.writizzy.blog/p/vibe-coding-cgu-hds-mistral-mymemoires">article précédent</a>, la mise en production de la version alpha de <a href="https://www.mymemoires.com/">MyMémoires</a> m&#39;a réservé quelques surprises. En inspectant les générations de certaines biographies, j&#39;ai découvert des chapitres totalement vides.</p>
<p>Mon premier réflexe a été d&#39;accuser l&#39;infrastructure : surcharge d&#39;appels parallèles sur l&#39;API Gemini, threads qui sautent ou timeout classique. Mais en ouvrant la console dans Google AI Studio, le verdict était tout autre. Le modèle me renvoyait une erreur explicite : <em>« Forbidden, je ne peux pas générer ce texte car il enfreint mes règles de sécurité »</em>.</p>
<h2>Quand les filtres de sécurité se heurtent à la vraie vie</h2>
<p>Ma première parade technique a été d&#39;ajuster les <em>safety settings</em>. Pour les catégories <em>harassment</em>, <em>hate speech</em> ou <em>sexually explicit</em>, j&#39;ai passé les seuils à <code>BLOCK_NONE</code>. Un récit de vie authentique ne filtre pas la réalité : nos aînés racontent fidèlement des situations rudes, des contextes d&#39;injustice ou des conflits passés.</p>
<p>Cette modification a débloqué une partie du pipeline, mais pas la totalité. J&#39;ai vite réalisé que certains filtres fondamentaux des modèles commerciaux restent infranchissables. Des thématiques comme la guerre, le travail des enfants ou le suicide déclenchent des blocages stricts et non configurables. Or, le travail infantile ou les traumatismes de guerre sont le quotidien de personnes nées il y a 85 ou 90 ans.</p>
<p>Ce blocage impose un vrai défi d&#39;architecture : soit je dois injecter un contexte lourd pour convaincre le modèle qu&#39;il s&#39;agit d&#39;un travail historiographique légitime ( ce qui alourdit mon pipeline automatique ), soit je dois arbitrer entre la qualité de plume d&#39;un modèle et sa tolérance aux récits sans fard. Réécrire ou édulcorer un pan de vie sous prétexte de modération automatisée n&#39;est pas une option.</p>
<h2>Le piège du lissage émotionnel et du contexte historique forcé</h2>
<p>Au-delà de la censure, le réglage fin du prompt d&#39;écriture m&#39;a demandé des dizaines d&#39;itérations pour désamorcer deux défauts majeurs des LLM :</p>
<ol>
<li><strong>Le syndrome du « happy ending » :</strong> Par défaut, les modèles ont une fâcheuse tendance à vouloir consoler le lecteur. Si un témoin partageait une tristesse profonde liée au deuil, l&#39;agent ajoutait systématiquement une formule d&#39;espoir réconfortante à la fin du chapitre. C&#39;est un ressort classique de narration grand public, mais c&#39;est l&#39;antithèse d&#39;une biographie. Si une émotion est brute, sombre ou douloureuse au moment où la personne la raconte, elle doit rester intacte sur la page.</li>
<li><strong>L&#39;obsession de la grande Histoire :</strong> Sachant que le modèle maîtrise le contexte d&#39;une époque, j&#39;avais d&#39;abord tenté de lui faire relier les récits aux événements majeurs. S&#39;il voyait « Paris en 1968 », je voulais qu&#39;il comprenne les secousses de mai 68 sans obliger le témoin à expliciter le décor. Résultat : une galère sans nom. L&#39;agent écrivain forçait des passerelles artificielles vers les manuels d&#39;histoire, reléguant le quotidien du témoin au second plan. J&#39;ai abandonné l&#39;idée : je fournis désormais l&#39;ancrage temporel pour éviter les anachronismes, mais je lui interdis d&#39;inventer des liens historiques.</li>
</ol>
<p>Exemple de paragraphe de ma vie, généré avec abus de références historiques :</p>
<blockquote>
<p>Je me revois courir dans les allées, indifférent à la géopolitique qui redessinait l&#39;Europe avec le traité de Maastricht, ignorant tout des fractures du monde qui m&#39;avait vu naître. Ma réalité, c&#39;était la rentrée des classes avec des cartables trop grands, le bruit du modem 56k qui commençait tout juste à chanter dans les foyers les plus modernes, et cette sensation diffuse, mais persistante, d&#39;être un point d&#39;interrogation au milieu d&#39;une phrase affirmative.</p>
</blockquote>
<p>Le rôle du modèle n&#39;est pas d&#39;en faire des tonnes, mais de retranscrire avec humilité et justesse l&#39;authenticité de la parole recueillie.</p>
<h2>Dans les coulisses : mon architecture agentique</h2>
<p>Pour orchestrer tout cela proprement, j&#39;utilise actuellement un système à deux niveaux :</p>
<ul>
<li><strong>L&#39;agent orchestrateur :</strong> Il balaie rapidement les résumés et les transcriptions brutes de chaque session d&#39;enregistrement. Son rôle est de bâtir la structure globale, chapitre par chapitre. Il définit le titre, rassemble les extraits pertinents et rédige la feuille de route de chaque partie. Pour garantir une transition fluide et bannir les répétitions, il donne des consignes strictes d&#39;exclusion : <em>« Rédige sur le sujet A. En revanche, n&#39;aborde absolument pas les sujets C et D, car ils sont planifiés pour les chapitres 3 et 5 »</em>.</li>
<li><strong>Les agents écrivains :</strong> Une fois le plan verrouillé, l&#39;orchestrateur instancie autant d&#39;agents écrivains que de chapitres. Chaque agent prend connaissance de ses données brutes, applique la charte stylistique et génère sa section de manière ciblée.</li>
</ul>
<h2>La prochaine étape : structurer la mémoire du récit</h2>
<p>Ce workflow fonctionne et donne d&#39;excellents résultats sur l&#39;alpha, mais il atteint ses limites sur la consistance globale. Aujourd&#39;hui, les agents écrivains peinent parfois à réconcilier des mentions éparses : si le témoin mentionne « mes deux frères » dans la session une, puis « ma sœur » dans la session trois, le modèle peut s&#39;emmêler les pinceaux sur la composition exacte de la fratrie.</p>
<p>La suite logique de mon chantier technique consiste à extraire et persister en base de données les entités clés dès la transcription : l&#39;arbre généalogique, les lieux récurrents et la chronologie des faits. Ces métadonnées structurées serviront de source de vérité absolue à l&#39;orchestrateur.</p>
<p>L&#39;expérimentation sur le terrain valide l&#39;intérêt de la démarche : le vibe coding permet d&#39;avancer vite, mais c&#39;est la confrontation aux vraies données utilisateurs qui révèle les vrais défis d&#39;ingénierie logicielle.</p>
]]></content:encoded>
            <category>llm</category>
            <category>architecture agentique</category>
            <category>vibecoding</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1789995079079-3d1cb48.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[100 sessions, 7 récits de vie et 1 claque juridique : pourquoi ma stack passe en 100% FR 🇫🇷]]></title>
            <link>https://sainrat.writizzy.blog/p/vibe-coding-cgu-hds-mistral-mymemoires</link>
            <guid>https://sainrat.writizzy.blog/p/vibe-coding-cgu-hds-mistral-mymemoires</guid>
            <pubDate>Thu, 17 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Passer du vibe coding à un déploiement en maison de retraite m'a vite remis les pieds sur terre : mes CGU générées par IA ne tenaient pas la route. Retour sur un crash-test juridique salutaire et le basculement de MyMémoires vers une stack 100 % française et HDS.]]></description>
            <content:encoded><![CDATA[<p>Prendre les choses au sérieux sur la protection des datas. J’ai eu l’immense chance d’être mis en relation avec une juriste travaillant dans un groupe d’établissements de soins en Île-de-France. En amont de cette réunion, j’ai pu lui partager les CGU qui sont actuellement présentes dans la version alpha de MyMémoires.</p>
<h2>L&#39;Alpha de MyMémoires en prod : 100 sessions, 7 vies racontées</h2>
<p>Aujourd’hui, j’ai la chance d’avoir le prototype de l’application dédié aux maisons de retraite (l’app B2B) en production, entre les mains de vrais utilisateurs. Sept conteurs (les résidents) ont entamé le parcours de rédaction de leurs souvenirs et ont enregistré une centaine de sessions. Concrètement, c&#39;est une centaine de moments où un membre du personnel s&#39;est posé en tête-à-tête avec un résident pour l&#39;écouter raconter sa vie.</p>
<p>C&#39;est là que réside la vraie richesse de MyMémoires. La vraie valeur ajoutée (son vrai succès selon moi ), c&#39;est cette conversation humaine qui finit par s&#39;incarner dans un objet physique. Chaque échange sert à reconstituer la vie de la personne, et chaque moment d&#39;écoute est valorisé jusqu&#39;à l&#39;obtention du livre imprimé. Chez ces 7 résidents, tous ont atteint le stade de pouvoir générer au moins une biographie. Certains l&#39;ont même fait plusieurs fois pour lire et partager l&#39;histoire de leur vie avec leur famille, avec le rendu qu&#39;aurait pu offrir un biographe professionnel.</p>
<p>Pour mettre cette application en production rapidement, j&#39;avais dû faire des concessions sur certaines technos pour valider l&#39;usage. Mais j&#39;avais quand même voulu protéger les résidents et le personnel en rédigeant des CGU que je pensais &quot;sérieuses&quot;.</p>
<h2>&quot;Vos CGU ? C&#39;est non.&quot; : le réveil juridique</h2>
<p>Le résultat de l&#39;audit de la juriste est sans appel : les CGU que j&#39;ai générées, principalement à l&#39;aide de LLM, ne sont pas valables.</p>
<p>Pour la version 2, qui se veut beaucoup plus structurée, je ne peux pas les utiliser telles quelles. Mais ce n&#39;est pas grave : c&#39;est l&#39;occasion d&#39;utiliser cette expertise pour construire quelque chose de beaucoup plus solide. Je refuse que les CGU soient une simple case à cocher à l&#39;inscription. Je veux qu&#39;elles incarnent mes valeurs et ma volonté farouche de protéger les données.</p>
<p>Pendant la phase Alpha, je me suis rendu compte que les souvenirs partagés par les résidents étaient un véritable trésor. Hors de question que ces informations tombent entre de mauvaises mains. Je veux garantir d&#39;une part que les données ne servent à <em>rien d&#39;autre</em> qu&#39;à construire la biographie, et d&#39;autre part que la personne qui se raconte reste la seule propriétaire exclusif de ses droits.</p>
<h2>Le pivot HDS : zéro entraînement, 100% de sécurité</h2>
<p>Le point très positif, c&#39;est que la juriste du groupe était ultra motivée par le projet. Elle m&#39;a fait des retours très concrets et m&#39;a proposé qu&#39;on itère ensemble pour rendre MyMémoires parfaitement &quot;compliant&quot; (Un immense meeeerrrcii !!!!).</p>
<p>Il ne s&#39;agit pas juste de changer trois lignes de texte, il faut adapter la solution technique aux exigences qu&#39;implique le traitement de données de personnes vulnérables. Concrètement, ça veut dire deux choses :</p>
<ol>
<li><strong>Zéro entraînement</strong> de modèles sur nos datas et aucune conservation des enregistrements vocaux.</li>
<li><strong>Un stockage certifié HDS</strong> (Hébergement de Données de Santé).</li>
</ol>
<p>Pour ça, je dois contractualiser avec un acteur sérieux, et si possible français. Je veux une solution intégralement hébergée sur notre territoire.</p>
<h2>La stack V2 : Les Mistrals gagnants</h2>
<p>C&#39;est dans cette logique que j&#39;ai revu toute la stack de génération LLM. Là où j&#39;utilisais Google Gemini dans la version Alpha, je passe chez Mistral pour la V2.</p>
<p>Pourquoi Mistral ? Déjà parce que c&#39;est une solution française. J&#39;ai confiance en leurs modèles, la qualité est au rendez-vous et leurs prix permettent de rester super compétitifs. Mes premiers tests avec un backend Python montrent que l&#39;interconnexion à leurs API est d&#39;une fluidité redoutable. Leurs modèles me permettent de traiter la partie enregistrement très facilement. La qualité de transcription que j&#39;obtiens me permet d&#39;ailleurs d&#39;anticiper de futures évolutions, comme la diarisation ou la captation de concepts pour guider graphiquement l&#39;utilisateur.</p>
<p>Dans cette même veine souveraine, j&#39;aimerais tester l&#39;API de Gradium pour le speech-to-text. C&#39;est un acteur français à la pointe sur la voix qui me permettrait d&#39;aller chercher un niveau de qualité encore supérieur. J&#39;aimerais me rapprocher d&#39;eux et de Mistral, idéalement via un programme de partenariat startup, pour continuer à prototyper à moindre coût avant d&#39;officialiser la bascule.</p>
<h2>Le porte-étendard : afficher la tuyauterie</h2>
<p>Pour matérialiser tout ça, j&#39;ai créé une page dédiée dans le parcours d&#39;inscription pour présenter ma stack technique. L&#39;objectif : montrer que nous sommes 100 % hébergés en France avec des technologies européennes.</p>
<p>Là où la concurrence masque généralement son infrastructure, j&#39;ai codé un composant visuel sympa pour afficher fièrement où sont les serveurs et quels modèles LLM font tourner la machine. C&#39;est comme acheter ses légumes en circuit court : on est fier de soutenir l&#39;économie locale. C&#39;est cette philosophie que je veux appliquer à MyMémoires.</p>
<p>Quand on confie les récits de toute une vie, on préfère le faire à une entreprise soumise aux réglementations européennes, où la protection de la vie privée n&#39;est pas une option mais une règle d&#39;or. En l&#39;affichant, je montre mon engagement. L&#39;objectif, c&#39;est que les utilisateurs n&#39;aient plus l&#39;ombre d&#39;un doute ou d&#39;une crainte lorsqu&#39;ils appuient sur le bouton &quot;Enregistrer&quot;.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1789652490561-bp8zezk.png" alt="Écran de Première Connexion - Bienvenue dans votre Espace Familial" /></p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1789652491086-uetl1zw.png" alt="Pop-in interactive des Technologies & IA Souveraines" /></p>
]]></content:encoded>
            <category>rgpd</category>
            <category>vibecoding</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1789653197519-8xuk6u1.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gamifier son portfolio : des easter eggs pour lier mes projets]]></title>
            <link>https://sainrat.writizzy.blog/p/portfolio-escape-game-paris-18</link>
            <guid>https://sainrat.writizzy.blog/p/portfolio-escape-game-paris-18</guid>
            <pubDate>Fri, 28 Aug 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[J'ai laissé MyMémoires de côté quelques jours pour recoder mon portfolio de A à Z avec Claude. Fini les néons Matrix et la double identité PM/Builder, place à un panorama horizontal du 18ème arrondissement. J'y ai même planqué des easter eggs pour débloquer des skins et relier tous mes projets entre eux façon chasse au trésor.]]></description>
            <content:encoded><![CDATA[<p>Cette semaine, j’avais envie de laisser MyMémoires de côté pour continuer mon projet de portfolio. Ce que j’aime dans ce projet, c’est la liberté artistique inhérente à l&#39;exercice.</p>
<h2>Adieu la double identité (et les néons Matrix)</h2>
<p>Anciennement, mon portfolio était scindé en deux parties faisant la part belle à mon côté Product Manager lié à ma carrière pro, et ma partie Builder avec l’étendue de mes projets perso (dont MyMémoires mais aussi Studio Lamarck et d’autres). J’avais pris le parti de splitter en deux pour vraiment faire ressortir les expérimentations, en donnant un côté futuriste à la The Matrix, où les projets sont encapsulés dans des div fluo sur fond noir, ce qui est finalement assez caricatural des sites faits par IA avec le recul.</p>
<p>J’avais même pour l’occasion créé mon avatar builder, vraiment inspiré des univers néons futuristes. </p>
<p>::gallery{columns=3}
<img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788007959761-ot1yal3.png" alt="Gemini Generated Image (2)" />
<img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788007958259-wyyawj2.png" alt="Gemini Generated Image" />
<img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788007958924-evl7nuv.png" alt="Gemini Generated Image (1)" />
::</p>
<p>J’aimais ce portfolio, mais je trouvais que finalement le côté double-face n’était pas si créatif que ça, et même en tentant d’immiscer des effets très modernes à l’ouverture de la page, je n’y trouvais pas mon compte.</p>
<p>Je restais donc frustré de ne pas changer vraiment la DA de mon portfolio, mais j&#39;y ajoutais quand même une section parlant de Studio Lamarck, de son but, de mon engagement dans l’asso. Une card fluo-futuriste du plus bel effet.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788008720281-08vyhsk.png" alt="Studio Lamarck Card (ancien Portfolio)" /></p>
<h2>Le déclic du scroll horizontal</h2>
<p>Dans mes pérégrinations web, je tombe sur le site internet de Join-TheBridge. Le site propose de casser les codes du scroll vertical pour faire découvrir SF avec un magnifique panorama horizontal doté d&#39;un effet de timelapse. Je suis tombé littéralement amoureux du design, et je devais m’en inspirer pour mon propre portfolio.</p>
<p>Bien sûr, l’objectif était de positionner l’action, non pas à San Francisco, mais à Paris 18ème en reprenant quelques éléments immédiatement reconnaissables de la capitale.</p>
<p>J’ai été complètement bluffé par la facilité qu’a eue Claude à refaire mon portfolio en lui pitchant l’idée de design. En quelques allers-retours, en lui donnant la liste des points clés à y faire apparaître et en indiquant la manière d’orchestrer les informations, j’ai pu reconstruire mon portfolio de A à Z avec une DA que je trouve magnifique.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788009338606-mbh9egl.png" alt="Départ du parcours du Portfolio actuel" /></p>
<p>Je vous laisse le dérouler et découvrir tous les clins d&#39;œil à Paris et au 18ème arrondissement : <a href="http://www.thibautsainrat.fr">www.thibautsainrat.fr</a>.</p>
<h2>Gamification</h2>
<p>Comme je suis un inconditionnel d’escape game ou autre chasse au trésor, j’ai décidé d’ajouter des easter eggs dans la page.</p>
<blockquote>
<p>Un <strong>easter egg</strong> (ou « œuf de Pâques ») est <strong>un contenu caché, un clin d&#39;œil ou une fonction secrète glissé volontairement par des créateurs dans un programme informatique, un jeu vidéo, un film ou une page web</strong></p>
</blockquote>
<p>Ces easter eggs sont donc cachés dans la page, au milieu des décors et des éléments parisiens. Pour ajouter un point de gamification, ils sont numérotés : l&#39;utilisateur qui navigue sur la page peut savoir combien il lui en reste à trouver. Ils servent aussi à donner plus d&#39;informations aux curieux qui veulent creuser un peu.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788009900474-bzxt2g6.png" alt="exemple d'easter egg (et mise à jour capilaire)" /></p>
<h2>Tirer la ficelle entre tous mes projets</h2>
<p>Aussi, il m&#39;est venu une idée. Certains easter eggs permettront de débloquer des fonctionnalités ou des éléments de contexte pour mes autres projets.</p>
<p>Comme je l&#39;ai expliqué dans mon dernier article de blog, je cherche à implémenter la possibilité d&#39;avoir plusieurs skins et modèles pour l&#39;enregistreur dans MyMémoires. C&#39;est donc naturellement que j&#39;ai caché un easter egg dans mon portfolio qui donne la possibilité de débloquer un nouvel enregistreur dans MyMémoires : un skin en rapport avec la DA de cette page. Un univers un peu pixelisé et très cubique.</p>
<p>Finalement, ce que j&#39;ai appris de cette expérience, c&#39;est de se laisser la possibilité d&#39;ouvrir ses chakras quant à la créativité et de toujours réfléchir à lier les projets les uns aux autres. Ce que j&#39;aimerais, c&#39;est qu&#39;au fil de mes projets, on arrive à tirer comme une ficelle qui permet de tout connecter. Le but, c&#39;est d&#39;essayer de donner envie aux gens de découvrir les écosystèmes auxquels je participe. Et je trouve que disséminer de petits indices comme ça, c&#39;est recréer une vraie chasse au trésor.</p>
]]></content:encoded>
            <category>claude</category>
            <category>portfolio</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1788010828143-8h7e15k.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Skeuomorphisme : Comment je cherche à recréer le feeling d’un magnétophone]]></title>
            <link>https://sainrat.writizzy.blog/p/skeuomorphisme-bouton-magnetophone</link>
            <guid>https://sainrat.writizzy.blog/p/skeuomorphisme-bouton-magnetophone</guid>
            <pubDate>Mon, 24 Aug 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Pour l'interface de MyMémoires, je voulais retrouver le vrai feeling physique d'un radiocassette des années 80. Retour sur une session d'itération UI avec Claude, où la correction d'un bug d'intégration a fini par inspirer une nouvelle mécanique de gamification.]]></description>
            <content:encoded><![CDATA[<h2>Le syndrome du faux bouton</h2>
<p>Grâce à <a href="https://www.studiolamarck.fr">Studio Lamarck</a> et aux retours de mon cofondateur Émile, j&#39;ai repensé toute l&#39;iconographie des boutons de la page d&#39;enregistrement. Mon objectif principal : reproduire le rendu et le <em>feeling</em> d&#39;un vrai magnétophone à cassette.</p>
<p>Le problème, c&#39;est que pour simuler un bouton qui s&#39;enfonce, comme je n&#39;étais pas rentré dans les moindres détails de l&#39;UI, le résultat ressemblait davantage à un décalage étrange, presque à un bug. Dès que j&#39;ai montré les premiers écrans du parcours à Émile, il a tout de suite tiqué sur ce point.</p>
<h2>Le contexte : Un mot sur MyMémoires</h2>
<p>Avant de plonger dans le vif du sujet, un petit rappel sur le projet MyMémoires s&#39;impose. Le but ? Enregistrer les souvenirs de nos anciens pour les transformer en biographie. Tout se fait naturellement, au fil de la discussion. L&#39;application capte les échanges, en extrait automatiquement les éléments clés, puis les recompose pour structurer le récit de leur vie.</p>
<p>Dans cet article, on zoome spécifiquement sur une brique très précise du produit : l&#39;interface qui permet tout simplement à l&#39;utilisateur de lancer sa session de captation.</p>
<h2>Retour vers le futur avec Claude</h2>
<p>J&#39;ai donc demandé à mon compère Claude de retravailler cet effet d&#39;enfoncement de bouton. Au début, les différents prototypes générés ne donnaient pas satisfaction ; je n&#39;avais pas l&#39;impression de retrouver la résistance physique d&#39;une vraie touche.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787573948330-92rxite.png" alt="Piste de recherche UI pour reproduire le feeling d'un bouton d'un radiocassette" /></p>
<p>je n&#39;avais pas l&#39;impression de retrouver le bouton enfoncé. J&#39;ai demandé à Claude de s&#39;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. </p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787574061711-stvsg5s.png" alt="l'itération du radiocassette inspiration 80s (l'évidence)" /></p>
<p>J&#39;ai alors changé d&#39;approche : j&#39;ai demandé à Claude de s&#39;inspirer fortement des vieux radiocassettes en plastique des années 80-90. À ce moment-là, il m&#39;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&#39;ajuster mon prompt. J&#39;ai pu le guider précisément sur le positionnement des ombres et la colorimétrie pour qu&#39;on ressente que le bouton s&#39;enfonce, et pas juste qu&#39;il glisse vers le bas.</p>
<p>Une fois ce calage réussi, il a été très facile d&#39;itérer. J&#39;ai pu produire la nouvelle interface avec un bouton beaucoup plus naturel, doté d&#39;un vrai retour optique. L&#39;utilisateur a désormais la sensation tangible d&#39;appuyer sur un mécanisme.</p>
<h2>D&#39;une contrainte UI à une idée Produit</h2>
<p>Finalement, le design &quot;radiocassette des années 80&quot; pur et dur n&#39;a pas été conservé en l&#39;état. Mais cette exploration m&#39;a fait émerger une autre idée : pourquoi ne pas proposer différents <em>skins</em> pour la page d&#39;enregistrement ?</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787574131305-pa01iux.png" alt="Les différents "skins" d'écran d'enregistrement" /></p>
<p>J&#39;ai demandé à Claude d&#39;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&#39;est une excellente mécanique de gamification pour récompenser les utilisateurs fidèles. S&#39;ils font beaucoup de sessions d&#39;enregistrement, ils débloquent un nouveau style pour leur interface. C&#39;est le genre de système que j&#39;aime bien et que je compte tester si la charge technique pour créer un éventail de modèles n&#39;est pas trop lourde.</p>
<h2>Le mot de la fin : Bienvenue chez Studio Lamarck</h2>
<p>Pour finir, un petit point sur Studio Lamarck. Le projet est né au début de l&#39;été et commence sérieusement à prendre forme. Il s&#39;agit d&#39;une association à but non lucratif dont l&#39;objectif est simple : donner de la force aux créateurs, aux <em>solo builders</em> et aux développeurs indépendants. On veut vous permettre d&#39;aller au bout de vos idées, de construire, d&#39;héberger, de sécuriser et de rendre visibles vos produits.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787574675252-6e6aei6.png" alt="Logo de Studio Lamarck" /></p>
<p>Aujourd&#39;hui, le studio s&#39;articule autour d&#39;un noyau dur de fondateurs et de quelques proches qui nous ont rejoints, mais la volonté est d&#39;être ouvert à tous.</p>
<p>Si vous êtes en train de construire un projet et que vous avez besoin de soutien, d&#39;échanger ou de challenger votre vision, n&#39;hésitez pas à nous contacter à <a href="https://sainrat.writizzy.blogmailto:contact@studiolamarck.fr">contact@studiolamarck.fr</a>. La porte est grande ouverte. Notre but est de bâtir une véritable communauté d&#39;entraide et de soutenir tout le monde, peu importe votre niveau d&#39;avancement ou votre bagage tech.</p>
]]></content:encoded>
            <category>design</category>
            <category>claude</category>
            <category>mymémoires</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787574131305-pa01iux.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Craquer la lecture mobile : comment j'ai transformé MyMémoires en Kindle avec Claude Design]]></title>
            <link>https://sainrat.writizzy.blog/p/ux-liseuse-mymemoires-claude</link>
            <guid>https://sainrat.writizzy.blog/p/ux-liseuse-mymemoires-claude</guid>
            <pubDate>Wed, 12 Aug 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment concevoir une expérience de lecture longue sur smartphone sans perdre ses utilisateurs ? Retour sur le prototypage de la liseuse de MyMémoires : inspiration Kindle, génération de maquettes sous stéroïdes avec Claude Design et itérations UX pour craquer la navigation mobile.]]></description>
            <content:encoded><![CDATA[<p>L’objectif final du parcours utilisateur sur MyMémoires est de finir avec un objet physique : un livre retraçant la vie de la personne qui a conté son histoire au travers des multiples discussions enregistrées. Cependant, je souhaite que la biographie soit consultable au fur et à mesure qu’elle se complète. Je dois donc réussir à construire une interface qui simplifie la lecture et donne l’impression de lire un vrai livre, pour que l&#39;utilisateur puisse se projeter sur l’objet final. C&#39;est un vrai casse-tête UX : on le sait tous, lire un roman entier sur un écran de smartphone devient vite insupportable.</p>
<h2>L&#39;inspiration Kindle : l&#39;épure avant tout</h2>
<p>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.</p>
<h2>Prototypage sous stéroïdes avec Claude Design</h2>
<p>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.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1786538758323-cpmsy53.png" alt="Wireframe de la liseuse de biographie - MyMémoires" /></p>
<p>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&#39;a généré 4 pistes. J&#39;ai pu faire mon <em>cherry-picking</em> 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.</p>
<h2>Craquer la navigation : une table des matières à deux niveaux</h2>
<p>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 <em>early users</em>, ajouter une navigation non intrusive mais redoutablement pratique.</p>
<p>J&#39;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 &quot;pull&quot; dévoile ensuite l&#39;arborescence complète de l&#39;ouvrage.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787148111533-ry0lwzc.gif" alt="Démonstration de l'accès à la table des matières" /></p>
<p>Je suis plutôt satisfait du rendu final de cette expérience de lecture. Ça me laisse maintenant le champ libre pour m&#39;attaquer à la suite : la gestion des compteurs et surtout l&#39;enregistrement audio des chapitres, qui est la véritable clé de voûte de l&#39;application. Je vais me concentrer sur ce gros morceau très prochainement.</p>
]]></content:encoded>
            <category>claude</category>
            <category>mymémoires</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1787150233441-fwpc51q.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Dompter l'horreur du vide de Claude (et update MyMémoires)]]></title>
            <link>https://sainrat.writizzy.blog/p/dompter-l-horreur-du-vide-de-claude-et-update-mymemoires</link>
            <guid>https://sainrat.writizzy.blog/p/dompter-l-horreur-du-vide-de-claude-et-update-mymemoires</guid>
            <pubDate>Wed, 29 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[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).]]></description>
            <content:encoded><![CDATA[<h2>Nouvelle architecture B2C vs B2B</h2>
<p>Aujourd’hui j’ai push une nouvelle version de la landing page de MyMémoires qui officialise enfin la distinction entre la partie B2C (<a href="http://www.mymemoires.com">www.mymemoires.com</a>) et la partie B2B (<a href="https://www.mymemoires.com/ehpad">www.mymemoires.com/ehpad</a>).</p>
<p>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.</p>
<h2>Dompter l&#39;horreur du vide des LLM</h2>
<p>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.</p>
<h2>Design direct et magnétophone</h2>
<p>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.</p>
<h2>Newsletters et teasing</h2>
<p>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.</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1785326050487-3b8wwew.png" alt="Les projets du studio " /></p>
<p>L’occasion pour moi de vous teaser 3 choses :</p>
<ul>
<li>L’application SimpleLttr (de mon ami Emile)</li>
<li>Le Studio Lamarck</li>
<li>L’incubation du projet MyMémoires au sein dudit Studio</li>
</ul>
<h2>Next steps : Back-end et souveraineté</h2>
<p>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é.</p>
]]></content:encoded>
            <category>claude</category>
            <category>mymémoires</category>
            <category>vibecoding</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1785325242543-x9r9a4q.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Refonte MyMémoires]]></title>
            <link>https://sainrat.writizzy.blog/p/refonte-mymemoires</link>
            <guid>https://sainrat.writizzy.blog/p/refonte-mymemoires</guid>
            <pubDate>Thu, 23 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Après un lancement réussi en B2B et plus de 70 sessions enregistrées sur le terrain, l'intérêt spontané de particuliers m'a poussé à repenser le produit. Au programme : refonte complète de l'architecture pour un backend IA 100% agnostique, passage sur mobile et création d'une interface d'enregistrement au look de magnétophone vintage pour toucher les petits-enfants et leurs aînés.]]></description>
            <content:encoded><![CDATA[<p>La première version de MyMémoires (<a href="https://www.mymemoires.com/">https://www.mymemoires.com/)</a> était pensée pour le B2B.</p>
<h2>Du B2B en Ehpad...</h2>
<p>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&#39;idée était de profiter des sessions d’échange en 1-1 avec les résidents pour enregistrer leurs histoires et construire leur biographie.</p>
<p>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.</p>
<h2>... Vers le B2C pour les proches</h2>
<p>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.</p>
<p>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.</p>
<h2>Une app mobile et un petit goût de nostalgie</h2>
<p>Pour le B2C, j’ai décidé de partir sur une application mobile. C&#39;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.</p>
<p>Pour rester dans cette vibe nostalgique et privilégier l&#39;instant d&#39;enregistrement, j’ai décidé de concevoir un écran d’enregistrement inspiré d&#39;un magnétophone à cassette. J’espère que c’est un visuel qui parlera autant à ceux qui seront enregistrés qu’à ceux qui enregistreront !</p>
<p>Inspiration :</p>
<p><img src="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1784796477811-mcjbfpc.png" alt="Magnétophone cassette avec bouton rouge "RECORD"" /></p>
]]></content:encoded>
            <category>sideproject</category>
            <category>buildinpublic</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1784796477811-mcjbfpc.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Coucou, tu veux voir mon vibecoding ?]]></title>
            <link>https://sainrat.writizzy.blog/p/coucou-tu-veux-voir-mon-vibecoding</link>
            <guid>https://sainrat.writizzy.blog/p/coucou-tu-veux-voir-mon-vibecoding</guid>
            <pubDate>Fri, 17 Apr 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Le 16 mai 2025, ma vision de la tech a basculé. Fini les barrières techniques, place au "vibe coding". Voici pourquoi l'IA va changer nos vies et comment je m'y prépare]]></description>
            <content:encoded><![CDATA[<p>J’ai un souvenir très clair du moment précis où je suis tombé dans la potion magique du vibe coding.</p>
<p>16 mai 2025, je tombe sur une <a href="https://youtu.be/HCEYAta4Bd0">vidéo</a>, le replay d’un live organisé par LeTicket (média pour les Product Managers).</p>
<p>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à.</p>
<p>À 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.</p>
<p>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.</p>
<p>Depuis, je ne peux m&#39;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é.</p>
<p>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.</p>
<p>En tant que Product Manager avec un background ingénieur, j’ai l’impression d‘être assez bien positionné sur ces trois skills.</p>
<p>Je vais tâcher de confronter cette réflexion au réel et documenter ma démarche pour rester pertinent dans ce nouveau paradigme.</p>
]]></content:encoded>
            <category>ia</category>
            <category>vibecoding</category>
            <category>product management</category>
            <category>tech</category>
            <enclosure url="https://writizzy.b-cdn.net/blogs/1ee552e2-00ad-4736-952b-fa9df3e5db7e/1776435191524-q4i68rp.png" length="0" type="image/png"/>
        </item>
    </channel>
</rss>