[{"data":1,"prerenderedAt":313},["ShallowReactive",2],{"post-claude-projects-test-site-vitrine-fr":3,"surround-/fr/blog/claude-projects-test-site-vitrine-fr":303,"post-translations-32":308},{"id":4,"title":5,"body":6,"canonical_id":284,"category":285,"date_created":286,"date_updated":286,"description":287,"extension":288,"head":289,"image":290,"lang":291,"layout":292,"meta":293,"navigation":294,"ogImage":289,"path":295,"reading_time":296,"robots":289,"schemaOrg":289,"seo":297,"sitemap":299,"stem":301,"__hash__":302},"blog/fr/blog/32.claude-projects-test-site-vitrine.md","Claude Projects : j’ai testé la nouvelle fonctionnalité de projets en créant un site vitrine",{"type":7,"value":8,"toc":274},"minimark",[9,18,21,33,73,78,81,94,97,100,109,113,116,132,147,150,169,173,176,182,185,204,208,211,214,218,221,224,231,235],[10,11,12,13,17],"p",{},"Anthropic a refondu sa fonctionnalité de projets, et plus qu'une simple mise à jour, les ",[14,15,16],"strong",{},"Claude Projects"," font évoluer la manière de travailler avec l'IA.",[10,19,20],{},"Dans cette nouvelle version, un fil principal coordonne le travail et l'IA délègue les différents sujets dans des threads spécialisés. L’intérêt est de pouvoir approfondir chaque tâche sans perdre la vision d’ensemble, plutôt que de piloter plusieurs conversations séparément.",[10,22,23,24,32],{},"J’ai testé cette nouvelle fonctionnalité sur un projet concret : la création du site d'une amie, DJ et productrice de musique électronique, ",[25,26,31],"a",{"href":27,"rel":28,"target":30},"https://garancerouge.com/",[29],"nofollow","_blank","Garance Rouge",". Voilà mon feedback sur cette nouvelle manière de travailler avec Claude.",[34,35,40,41,72],"div",{"className":36},[37,38,39],"text-center","mx-auto","text-sm","\n  ",[25,42,46,47,40],{"href":27,"target":30,"rel":43},[44,45],"noopener","noreferrer","\n    ",[48,49,50,51,50,56,50,60,46],"picture",{},"\n      ",[52,53],"source",{"srcSet":54,"type":55},"/img/blog/illustration/claude-projects-garance-rouge-site.avif","image/avif",[52,57],{"srcSet":58,"type":59},"/img/blog/illustration/claude-projects-garance-rouge-site.webp","image/webp",[61,62],"img",{"src":63,"width":64,"height":65,"alt":66,"loading":67,"decoding":68,"className":69},"/img/blog/illustration/claude-projects-garance-rouge-site.jpg",1500,1800,"Page d’accueil du site de Garance Rouge, avec son identité graphique rouge et blanche et son portrait","lazy","async",[38,70,71],"w-full","h-auto","\n  La page d’accueil du site de Garance Rouge.\n",[74,75,77],"h2",{"id":76},"ce-qui-change-avec-les-nouveaux-claude-projects","Ce qui change avec les nouveaux Claude Projects",[10,79,80],{},"Les projets existaient déjà dans Claude. Ils permettaient de regrouper des conversations, des documents et des instructions autour d’un même sujet.",[10,82,83,84,89,90,93],{},"La ",[25,85,88],{"href":86,"rel":87,"target":30},"https://support.claude.com/fr/articles/9517075-qu-est-ce-que-les-projets",[29],"nouvelle version, déployée en bêta dans Claude Code",", va plus loin : ",[14,91,92],{},"le projet devient une conversation pour coordonner le travail",".",[10,95,96],{},"L’accès à cette bêta est déployé progressivement sur les abonnements Pro, Max et Ultra.",[10,98,99],{},"Depuis le fil principal, Claude peut créer des threads liés et suivre leurs comptes rendus, sans voir chacune de leurs étapes. Chaque thread est une session avec son propre contexte, dans laquelle on peut intervenir directement. Plusieurs threads peuvent avancer en parallèle, même si certaines tâches dépendent des résultats d'autres threads.",[10,101,102,103,108],{},"Les fichiers, les instructions et la mémoire du projet servent de base commune. Une bibliothèque rassemble les documents ajoutés et les fichiers produits. La ",[25,104,107],{"href":105,"rel":106,"target":30},"https://code.claude.com/docs/en/claude-projects",[29],"documentation Claude Code"," détaille ce fonctionnement.",[74,110,112],{"id":111},"mon-test-en-créant-un-site-vitrine","Mon test en créant un site vitrine",[10,114,115],{},"La création du site de mon amie Garance Rouge constituait un bon terrain d’essai. J’ai réparti le travail autour de quatre sujets :",[117,118,119,123,126,129],"ul",{},[120,121,122],"li",{},"la recherche graphique et la maquette du site ;",[120,124,125],{},"les réflexions techniques, notamment le formulaire de contact et l’API Mixcloud ;",[120,127,128],{},"le développement ;",[120,130,131],{},"le déploiement.",[10,133,134,135,138,139,142,143,146],{},"Dans un projet, le panneau des threads affiche trois statuts : ",[14,136,137],{},"Waiting on you"," pour les sujets qui attendent une décision, une revue ou une autorisation ; ",[14,140,141],{},"Working"," pour le travail en cours ; et ",[14,144,145],{},"Resolved"," pour les sujets traités. La conversation principale met automatiquement ces statuts à jour au fil du travail.",[10,148,149],{},"J’ai trouvé ce suivi pratique : on voit rapidement ce qui avance et ce qui demande une attention particulière, sans devoir ouvrir chaque thread pour comprendre où il en est.",[34,151,40,153],{"className":152},[37,38],[48,154,46,155,46,158,46,161,40],{},[52,156],{"srcSet":157,"type":55},"/img/blog/illustration/claude-projects-thread-statuses.avif",[52,159],{"srcSet":160,"type":59},"/img/blog/illustration/claude-projects-thread-statuses.webp",[61,162],{"src":163,"alt":164,"width":165,"height":166,"loading":67,"decoding":68,"className":167},"/img/blog/illustration/claude-projects-thread-statuses.png","Threads du projet Garance Rouge dans Claude Projects, répartis entre Waiting on you, Working et Resolved",1386,1094,[38,70,71,168],"rounded-xl",[74,170,172],{"id":171},"projects-pour-coordonner-les-artifacts-pour-montrer-le-résultat","Projects pour coordonner, les Artifacts pour montrer le résultat",[10,174,175],{},"Mon amie avait déjà créé sa direction artistique à travers son feed Instagram et les pochettes de ses mixes et de son EP. J’ai utilisé ces références pour la recherche graphique.",[10,177,178,181],{},[14,179,180],{},"J’ai encore été bluffé par la créativité artistique d’Opus 5.5."," La fonctionnalité des Artifacts et l'affichage dans un canva, à la manière de Figma, permettent de générer des propositions et de les faire évoluer visuellement.",[10,183,184],{},"Les Artifacts sont facilement partageables. Ainsi il était facile de montrer les maquettes, et de les faire évoluer en fonction des retours de mon amie.",[34,186,40,188],{"className":187},[37,38],[48,189,46,190,46,193,46,196,40],{},[52,191],{"srcSet":192,"type":55},"/img/blog/illustration/claude-projects-artifact-canvas.avif",[52,194],{"srcSet":195,"type":59},"/img/blog/illustration/claude-projects-artifact-canvas.webp",[61,197],{"src":198,"width":199,"height":200,"alt":201,"loading":67,"decoding":68,"className":202},"/img/blog/illustration/claude-projects-artifact-canvas.png",800,762,"Canvas de l’Artifact Claude présentant plusieurs propositions de maquettes pour le site de Garance Rouge",[38,203,71,168],"max-w-full",[74,205,207],{"id":206},"claude-projects-tient-il-la-route-sur-un-projet-plus-complexe","Claude Projects tient-il la route sur un projet plus complexe ?",[10,209,210],{},"Sur ce petit projet, l’organisation reste facile à suivre. Je demande à voir comment elle tient avec davantage de threads et de décisions : le fil principal arrivera-t-il à garder le contexte, ou est-ce que l’ensemble deviendra bordélique ? Je n’ai pas encore assez de recul pour répondre.",[10,212,213],{},"Autre limite à garder en tête : plusieurs threads consomment plus rapidement les quotas de l’abonnement.",[74,215,217],{"id":216},"un-outil-de-coordination-avec-des-choix-à-faire","Un outil de coordination, avec des choix à faire",[10,219,220],{},"Mon rôle de Product Engineer est de définir le résultat attendu, relier les décisions entre elles et vérifier ce que les agents produisent. La fonctionnalité Claude Projects fluidifie la manière d’organiser ces échanges avec l’IA.",[10,222,223],{},"Être Product Engineer, c’est aussi comprendre le problème derrière une demande, décider de ce qui mérite d’être construit et trouver les compromis entre expérience utilisateur, complexité technique et temps disponible. L’IA peut aider à explorer les options et à les développer, mais ces arbitrages restent une part essentielle de mon travail.",[10,225,226,227,93],{},"📌 Vous avez un projet web à concevoir ou à faire évoluer avec l’IA ? Je peux vous accompagner du cadrage à l’implémentation avec mes ",[25,228,230],{"href":229},"/fr/services/product-engineering","services de Product Engineering",[74,232,234],{"id":233},"sources-et-liens","Sources et liens",[117,236,237,244,256,268],{},[120,238,239,240,93],{},"Anthropic, ",[25,241,243],{"href":86,"rel":242,"target":30},[29],"les projets dans Claude et la nouvelle version en bêta",[120,245,239,246,250,251,93],{},[25,247,249],{"href":105,"rel":248,"target":30},[29],"fonctionnement des projets dans Claude Code"," et ",[25,252,255],{"href":253,"rel":254,"target":30},"https://claude.com/resources/articles/projects-redesigned",[29],"présentation de la refonte de Projects",[120,257,239,258,250,263,93],{},[25,259,262],{"href":260,"rel":261,"target":30},"https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them",[29],"les Artifacts et leur fonctionnement",[25,264,267],{"href":265,"rel":266,"target":30},"https://support.claude.com/en/articles/14604416-get-started-with-claude-design",[29],"le canvas de Claude Design",[120,269,270,93],{},[25,271,273],{"href":27,"rel":272,"target":30},[29],"Le site de Garance Rouge",{"title":275,"searchDepth":276,"depth":276,"links":277},"",2,[278,279,280,281,282,283],{"id":76,"depth":276,"text":77},{"id":111,"depth":276,"text":112},{"id":171,"depth":276,"text":172},{"id":206,"depth":276,"text":207},{"id":216,"depth":276,"text":217},{"id":233,"depth":276,"text":234},"32","ai","2026-10-28T00:00:00.000Z","Anthropic a refondu sa fonctionnalité de projets, et plus qu'une simple mise à jour, les Claude Projects font évoluer la manière de travailler avec l'IA.","md",null,"/img/blog/blog32.jpg","fr","page",{},true,"/fr/blog/claude-projects-test-site-vitrine",6,{"description":298,"title":5},"Une conversation pour coordonner design, choix techniques et développement. Mon retour sur les threads, les Artifacts et les limites de cette organisation.",{"loc":295,"lastmod":300},"2026-10-28","fr/blog/32.claude-projects-test-site-vitrine","6uXoGcVyLiBObgoZzOj8bopICymr914NLTH7nDW0PHI",[289,304],{"title":305,"path":306,"stem":307,"children":-1},"iPhone Duo : comment tester son site web sans avoir le téléphone ?","/fr/blog/iphone-duo-tester-site-web-sans-telephone","fr/blog/31.iphone-duo-tester-site-web-sans-telephone",[309,312],{"path":310,"lang":311},"/en/blog/claude-projects-test-portfolio-website","en",{"path":295,"lang":291},1793978382713]