🎹 Refonte aicoworkit.com — briefing du 11 juin 2026

Bloc autonome (1h30) : diagnostic complet · 3 directions design · copy des 10 prochains kits. Rien n’a Ă©tĂ© dĂ©ployĂ© ni mergĂ©.

Validation finale : direction C3 « chaleureux bold & sharp » appliquĂ©e Ă  tout le site + parcours coach réécrit en langage humain + nav simplifiĂ©e. Compare chaque page avant/aprĂšs (clique pour zoomer). Si c’est bon pour toi, dis « GO deploy » dans le chat — rien ne part en prod sans ça.

Accueil /fr

Accueil /fr avant
AVANT (prod)
Accueil /fr aprĂšs
APRÈS (C3)

Catalogue /fr/kits

Catalogue /fr/kits avant
AVANT (prod)
Catalogue /fr/kits aprĂšs
APRÈS (C3)

Landing Kit TDAH

Landing Kit TDAH avant
AVANT (prod)
Landing Kit TDAH aprĂšs
APRÈS (C3)

Coach / Créer mon kit

Coach / Créer mon kit avant
AVANT (prod)
Coach / Créer mon kit aprÚs
APRÈS (C3)

Diagnostic Cowork

Diagnostic Cowork avant
AVANT (prod)
Diagnostic Cowork aprĂšs
APRÈS (C3)

Demander un kit

Demander un kit avant
AVANT (prod)
Demander un kit aprĂšs
APRÈS (C3)

Ressources

Ressources avant
AVANT (prod)
Ressources aprĂšs
APRÈS (C3)

Ressource (détail)

Ressource (détail) avant
AVANT (prod)
Ressource (détail) aprÚs
APRÈS (C3)

Skills

Skills avant
AVANT (prod)
Skills aprĂšs
APRÈS (C3)

cgv

— pas de capture avant —
cgv aprĂšs
APRÈS (C3)

claude-cowork-rgpd

— pas de capture avant —
claude-cowork-rgpd aprĂšs
APRÈS (C3)

confidentialite

— pas de capture avant —
confidentialite aprĂšs
APRÈS (C3)

kit-productivite

— pas de capture avant —
kit-productivite aprĂšs
APRÈS (C3)

kit-prospection

— pas de capture avant —
kit-prospection aprĂšs
APRÈS (C3)

mentions-legales

— pas de capture avant —
mentions-legales aprĂšs
APRÈS (C3)

merci

— pas de capture avant —
merci aprĂšs
APRÈS (C3)

tuto-productivite

— pas de capture avant —
tuto-productivite aprĂšs
APRÈS (C3)
Choix actĂ© : C3 (bold & sharp). Les directions ci-dessous sont conservĂ©es pour mĂ©moire — les worktrees/branches existent toujours si tu veux revenir en arriĂšre.
Haut de page — Actuel · A · B · C
Haut de page — Actuel · A · B · C (clique pour zoomer)
Milieu de page — Actuel · A · B · C
Milieu de page — Actuel · A · B · C (clique pour zoomer)

Actuel (prod)

La home telle que dĂ©ployĂ©e aujourd’hui — point de comparaison.

Home actuelle (prod)
Home actuelle (prod)

⭐ C2 — Chaleureux Ă©ditorial contemporain

Itération 2 sur ta base préférée : crÚme + encre + terracotta brûlé seul, Bricolage Grotesque, hero géant, asymétrie. Réf. Anthropic/Intercom.

⭐ C2 — Chaleureux Ă©ditorial contemporain — desktop
⭐ C2 — Chaleureux Ă©ditorial contemporain — desktop

⭐ C3 — Chaleureux bold & sharp

Itération 2 : crÚme + UN accent électrique, grotesque trÚs lourde, bordures franches + ombres dures, badges sticker. Réf. Gumroad/Figma.

⭐ C3 — Chaleureux bold & sharp — desktop
⭐ C3 — Chaleureux bold & sharp — desktop

C — Chaleureux humain (V1)

Ta prĂ©fĂ©rĂ©e du 1er tour — gardĂ©e pour comparaison. Retours : Nunito bof, corail+sauge bof, trop traditionnel.

C — Chaleureux humain (V1) — desktop
C — Chaleureux humain (V1) — desktop

Direction A — Évolution premium

Sombre/mint conservé, exécution Linear/Vercel : typo, espacement, cartes raffinées.

Direction A — Évolution premium — desktop
Direction A — Évolution premium — desktop

Direction B — Clair Ă©ditorial

Rupture : fond papier, typo éditoriale, un accent fort. Crédibilité calme.

Direction B — Clair Ă©ditorial — desktop
Direction B — Clair Ă©ditorial — desktop
Audit page par page de la prod. Verdicts : garder / réécrire / dégager. Les décisions de suppression restent les tiennes.

Diagnostic UX / design / clartĂ© — aicoworkit.com (2026-06-11)

Audit en lecture seule sur la prod. Screenshots full-page desktop (1440×900) dans docs/superpowers/specs/2026-06-11-briefing/shots/diagnostic/ (dĂ©coupes lisibles dans _slices/ et _zoom/).

Résumé exécutif

Le copy de la home est bon, mais le site dit trois choses diffĂ©rentes selon la page : la home vend un « Dossier-Contexte », la nav vend des « kits », le coach vend un « AI Cowork Kit » assemblĂ© par un « agent configurateur ». Le parcours de conversion principal (CrĂ©er mon kit → /fr/coach) ressemble Ă  un dashboard de dĂ©veloppeur, pas Ă  un produit pour pros non-tech : jargon, 0 % de progression affichĂ©, fichiers .md en vitrine. Le design global est un template sombre gĂ©nĂ©rique : cartes identiques partout, texte gris 13 px, zĂ©ro visuel humain, et trois blocs vides en plein milieu de la home. Les pages catalogue (kits, pages kit, ressources) sont saines et Ă  garder. À dĂ©gager : /skills (hors sujet + stats inventĂ©es) et /fr/agentic (doublon du coach avec du vocabulaire interne qui fuite).

Tableau des verdicts

Page URL Verdict En une phrase
Home /fr Garder le copy, refondre le design Structure et arguments bons, exécution visuelle générique + 3 blocs vides.
Catalogue kits /fr/kits Garder (retouches) Bonne page, mais 9 cartes « AccÚs anticipé » noient les 2 kits réels.
Kit TDAH /fr/kits/tdah Garder Meilleure page du site : une promesse, une cible, un CTA.
Kit Productivité (free) /fr/kits/productivite-cowork Garder (retouches) Solide, mais « Claude Cowork » vs « Claude Code » sÚme le doute.
Kit Prospection (paid) /fr/kits/prospection-ia Garder Page de vente la plus aboutie : prix visible, démo, contenu détaillé.
Coach / CrĂ©er mon kit /fr/coach Réécrire entiĂšrement CƓur de la conversion, incomprĂ©hensible pour un non-tech.
Agentic /fr/agentic DĂ©gager (redirect 301 → /fr/coach) Doublon exact du coach + jargon interne (« workflow Mastra visible »).
Diagnostic Cowork /fr/diagnostic-cowork Réécrire ou fusionner Page orpheline (zéro lien entrant), promesse qui double celle du coach.
Demander un kit /fr/demander-un-kit Garder (retouches copy) MĂ©canique claire, mais l’« aperçu Koa » complexifie une simple boĂźte Ă  demandes.
Ressources (index) /fr/ressources Garder Catalogue SEO propre et cohĂ©rent avec l’offre.
Ressource (dĂ©tail) /fr/ressources/formation-ia-dirigeants Garder Gabarit sĂ©rieux : problĂšme → mĂ©thode → ce que Koa apporte.
Skills /skills Dégager de la nav Hors sujet (catalogue de « missions »), stats codées en dur, URL non localisée.

Détail par page

1. Home — /fr (home.jpg, 9 085 px)

Verdict : garder le copy, refondre le design.

Le squelette narratif est bon et confirme le ressenti de Quentin : hero clair (« Ton IA peut beaucoup plus. Tu n’en exploites qu’une fraction. »), dĂ©finition du Dossier-Contexte, dĂ©mo avant/aprĂšs, 3 Ă©tapes, pricing 3 niveaux, objections, garantie. C’est le design qui trahit le propos :

  • Trois blocs vides en plein milieu de la page (section « Trois minutes, trois Ă©tapes ») : les cartes « Dans ton chat · ChatGPT ou Claude », « Outil agent · Claude Code », « Outil agent · Codex » sont de grands rectangles noirs sans aucun visuel, juste une lĂ©gende en bas (_zoom/home-z06.jpg). C’est l’endroit exact oĂč il faudrait montrer le produit, et il n’y a rien. Tell n°1 du « template inachevĂ© ».
  • La page bascule crĂšme → sombre → crĂšme → sombre sans logique perceptible ; le lecteur ne sait pas si le produit est « chaleureux » ou « technique ».
  • Deux CTA concurrents rĂ©pĂ©tĂ©s 4 fois (« CrĂ©e ton Dossier-Contexte gratuit » / « Voir le Kit Prospection ») alors que la nav dit « CrĂ©er mon kit » — trois formulations pour la mĂȘme action.
  • Le bandeau cookies reste superposĂ© en bas Ă  droite sur tout le scroll.

Recos : remplir les 3 blocs vides avec de vraies captures (ChatGPT, Claude Code, Codex ouvrant le dossier) — c’est la correction au meilleur ratio effort/impact du site entier ; unifier le wording du CTA ; trancher un seul univers visuel (voir question 4).

2. Catalogue kits — /fr/kits (kits.jpg)

Verdict : garder, avec retouches.

Titre clair (« Choisis un résultat. Koa prépare le dossier de travail. »), grille lisible. ProblÚmes :

  • Le compteur en hero affiche « 14 Kits / 2 Ready / FR/EN » : annoncer soi-mĂȘme que 2 kits sur 14 existent vraiment sabote la crĂ©dibilitĂ©. À supprimer ou reformuler (« 2 kits disponibles, 12 en prĂ©paration »).
  • 9 cartes « AccĂšs anticipĂ© » (painted-door) visuellement identiques aux 2 kits rĂ©els (productivite-cowork gratuit, prospection-ia payant). Un visiteur clique, tombe sur une waitlist, se sent piĂ©gĂ©.
  • Recos : remonter les 2 kits rĂ©els en tĂȘte avec un traitement visuel distinct (badge « Disponible », carte plus grande), griser ou regrouper les « AccĂšs anticipĂ© » dans une section « En prĂ©paration — vote pour le prochain ».

3. Kit TDAH — /fr/kits/tdah (kit-tdah.jpg)

Verdict : garder.

La page la plus propre du site : une promesse Ă©motionnelle forte (« Ton cerveau n’est pas le problĂšme. »), un badge « BientĂŽt » honnĂȘte, des situations de reconnaissance (« L’email ouvert 14 fois »), un argument diffĂ©renciant (« Pourquoi un agent marche lĂ  oĂč les apps Ă©chouent »), une citation du fondateur, un seul CTA email, une FAQ, un disclaimer mĂ©dical. C’est le gabarit Ă  gĂ©nĂ©raliser pour les autres painted-doors. Seule rĂ©serve : hĂ©ritage du thĂšme sombre gĂ©nĂ©rique (voir question 4), mais la structure n’y est pour rien.

4. Kit ProductivitĂ© Cowork (gratuit) — /fr/kits/productivite-cowork (kit-productivite-cowork.jpg)

Verdict : garder, avec retouches.

Bonne page : promesse claire, sélecteur de profil (indépendant / dirigeant / auteur / étudiant), alternative GitHub sans email (excellent signal de confiance), tuto « Installer le kit en 3 minutes », FAQ. Deux frictions :

  • Le hero dit « prĂȘt Ă  ouvrir dans Claude Cowork ou Codex » et le panneau latĂ©ral liste « Claude Cowork / Claude Code » : « Claude Cowork » n’existe pas pour le grand public, et la confusion avec « Claude Code » est garantie. Choisir les noms officiels des outils, point.
  • La section « Fichiers du dossier » (README.md, AGENTS.md, CLAUDE.md, methode.md, prompts.md) est exposĂ©e frontalement — utile pour rassurer les techs, anxiogĂšne pour la cible non-tech. À garder mais derriĂšre un accordĂ©on « Voir le contenu technique ».

5. Kit Prospection IA (payant) — /fr/kits/prospection-ia (kit-prospection-ia.jpg)

Verdict : garder.

La page de vente la plus aboutie : bĂ©nĂ©fice mĂ©tier en hero (« Transforme tes relances en pipeline »), prix affichĂ© sans dĂ©tour (79 €), dĂ©mo avant/aprĂšs rĂ©utilisĂ©e de la home, « Premier prospect en 8 minutes », mĂ©thode dĂ©taillĂ©e, fichiers du dossier en bas de page (bonne position, aprĂšs la conviction). Ne pas y toucher sur le fond ; elle profitera de la refonte visuelle globale.

6. Coach / CrĂ©er mon kit — /fr/coach (coach.jpg)

Verdict : réécrire entiĂšrement. C’est la page la plus importante (cible de « CrĂ©er mon kit », le CTA principal de toute la nav) et la plus ratĂ©e. Analyse dĂ©taillĂ©e en question centrale n°1.

Ce que voit un visiteur non-tech, dans l’ordre : un kicker « MODE AGENTIQUE » (le titre meta dit pourtant « Koa - GĂ©nĂ©rer ton kit IA gratuit »), un H1 « Un coach qui cadre, demande validation, puis produit » (cadre quoi ?), un sous-titre qui parle de « fil de travail, mĂ©moire lĂ©gĂšre, workflow Mastra visible » (vocabulaire d’architecture interne), un kicker « AGENT CONFIGURATEUR », des onglets « Guide / Chat / Vocal / Validation », une barre de « Progression 0 % » avant d’avoir rien fait, trois promesses dont « Il structure ton dossier », une grille de 8 mini-cartes de kits en texte ~11 px, un composer « Explique Ă  Koa ce que tu veux obtenir », et Ă  droite une fausse conversation avec un aperçu de fichiers AGENTS.md, contexte.md, missions/. Douze panneaux, trois mĂ©taphores concurrentes (coach, agent, configurateur), aucun bĂ©nĂ©fice mĂ©tier au-dessus du pli.

7. Agentic — /fr/agentic (agentic.jpg)

Verdict : dĂ©gager. MĂȘme composant AgenticPage que /fr/coach (vĂ©rifiĂ© dans webapp/src/routes/$locale.coach.tsx et $locale.agentic.tsx) — les deux screenshots font exactement 2 090 px et sont identiques. La page n’apporte rien, crĂ©e du contenu dupliquĂ©, et son texte d’ouverture est le pire du site (« Cette page isole l’expĂ©rience produit
 un workflow Mastra visible ») : c’est une note interne d’architecte publiĂ©e en prod. Reco : 301 vers /fr/coach, supprimer la route.

8. Diagnostic Cowork — /fr/diagnostic-cowork (diagnostic-cowork.jpg)

Verdict : réécrire ou fusionner.

Le concept est le bon (« DĂ©couvre en 2 minutes ce que ton IA peut vraiment faire sur tes sujets », gratuit, sans engagement) — c’est mĂȘme probablement la meilleure promesse d’entrĂ©e du site pour un visiteur froid. Deux problĂšmes factuels :

  • Page orpheline : aucun lien entrant depuis la nav, le footer, la home ou les autres pages (vĂ©rifiĂ© par grep sur tout webapp/src/ : seules ses propres routes la rĂ©fĂ©rencent). Personne ne peut la trouver sans l’URL.
  • Elle duplique la fonction du coach (les deux aboutissent Ă  « dĂ©cris ton sujet → Koa te rĂ©pond → mission guidĂ©e »), avec un troisiĂšme nom pour le mĂȘme mĂ©canisme.

Reco : soit en faire LA porte d’entrĂ©e du parcours (renommer le CTA principal « Faire le diagnostic gratuit » et brancher la suite sur le coach), soit la supprimer et rapatrier sa promesse « 2 minutes » en haut de /fr/coach. Pas d’entre-deux : une page que personne ne voit ne teste rien.

9. Demander un kit — /fr/demander-un-kit (demander-un-kit.jpg)

Verdict : garder, retouches copy.

L’idĂ©e est bonne (capter la demande pour prioriser la roadmap des kits) et le formulaire final est simple. Mais la mĂ©canique intermĂ©diaire — « Koa tente un aperçu sur mesure » avec panneau « Brief libre / Aperçu Koa / Carte de demande » — transforme une boĂźte Ă  idĂ©es en mini-produit. Le visiteur venu dire « j’aimerais un kit pour X » n’a pas besoin d’un aperçu gĂ©nĂ©rĂ© ; il a besoin de savoir que sa demande compte et quand il sera prĂ©venu. Reco : formulaire en 2 champs (besoin + email) en premier, l’aperçu Koa en option aprĂšs soumission.

10. Ressources — /fr/ressources et /fr/ressources/formation-ia-dirigeants (ressources.jpg, ressource-formation-ia-dirigeants.jpg)

Verdict : garder.

Index propre (9 guides, catĂ©gories mĂ©tier, CTA « Tester Koa » / « Voir les kits »), pages dĂ©tail bien structurĂ©es (pourquoi le sujet bloque → mĂ©thode → « Ce que Koa apporte » → CTA kit). C’est le seul endroit du site oĂč le maillage vers l’offre est naturel. Rien d’urgent ; profitera de la refonte visuelle.

11. Skills — /skills (skills.jpg)

Verdict : dégager de la nav. Analyse en question centrale n°2. Faits relevés :

  • URL non localisĂ©e (/skills, pas /fr/skills) — la seule de la nav, elle casse le toggle FR/EN.
  • Statistiques inventĂ©es : « 234 lancements », « 79 sauvegardes », « ContrĂŽle : 
 » sont codĂ©es en dur dans webapp/src/lib/cowork-skills.ts (installs: 420, saves: 126, etc.). C’est de la fausse preuve sociale sur un site qui vend de la confiance. À retirer quoi qu’on dĂ©cide du reste.
  • Le vocabulaire (« skills pilotĂ©s », « missions guidĂ©es », « SKILL.md », « cadrage de process agentique ») appartient Ă  l’univers Claude Code, pas Ă  l’offre kits grand public.

Les 4 questions centrales

Q1 — Pourquoi le parcours coach / crĂ©er-mon-kit / diagnostic est incomprĂ©hensible

Trois causes structurelles :

  1. Trois portes pour le mĂȘme mĂ©canisme, trois noms diffĂ©rents. « Voir le coach » (nav), « CrĂ©er mon kit » (CTA nav, mĂȘme URL), « Diagnostic Cowork » (page orpheline) mĂšnent au mĂȘme geste : dĂ©crire son besoin Ă  Koa. Le visiteur ne sait pas si Koa est un coach (qui conseille), un agent (qui agit) ou un configurateur (qui paramĂštre) — le site emploie les trois termes sur la mĂȘme page.
  2. Le vocabulaire de l’architecte a fuitĂ© dans l’interface. « Mode agentique », « agent configurateur », « workflow Mastra visible », « fil de travail », « mĂ©moire lĂ©gĂšre », « artefact », « Progression 0 % », onglets « Guide / Chat / Vocal / Validation » : ce sont des concepts d’implĂ©mentation. Le mot « dossier » lui-mĂȘme est piĂ©gĂ© : sur la home il dĂ©signe le Dossier-Contexte (concept marketing dĂ©fini avec soin), sur le coach il dĂ©signe tantĂŽt l’archive gĂ©nĂ©rĂ©e, tantĂŽt la structure de fichiers (AGENTS.md, missions/) — un non-tech lit « dossier » au sens administratif et ne raccroche rien.
  3. Aucun bĂ©nĂ©fice mĂ©tier au-dessus du pli. La home promet « relance ta prospection sans tout rĂ©expliquer » ; le coach accueille avec « Un coach qui cadre, demande validation, puis produit ». La continuitĂ© de promesse est rompue au moment exact oĂč le visiteur a cliquĂ© pour l’obtenir.

Réécriture proposée du parcours (langage humain) :

  • Promesse unique en haut de /fr/coach : « RĂ©ponds Ă  4 questions. Ton IA connaĂźt ton mĂ©tier et se met au travail. Gratuit, 3 minutes, sans carte. »
  • Trois Ă©tapes, mots du quotidien :
  • « Tu dĂ©cris ton travail. Ton activitĂ©, tes clients, ce que tu veux produire. Pas de jargon — Koa pose les questions. »
  • « Koa prĂ©pare ton dossier de dĂ©marrage. Le document que ChatGPT ou Claude lit pour te connaĂźtre : qui tu es, tes rĂšgles, ta premiĂšre tĂąche prĂȘte Ă  lancer. Tu le vois se construire en direct. »
  • « Tu le glisses dans ton outil et tu produis. ChatGPT, Claude ou Codex — le mode d’emploi est dedans. »
  • Mots Ă  utiliser : assistant, questions, ton mĂ©tier, document, prĂȘt Ă  l’emploi, premiĂšre tĂąche, tu glisses le fichier, en direct, gratuit.
  • Mots Ă  bannir de l’écran d’accueil (acceptables derriĂšre un accordĂ©on « contenu technique ») : agentique, agent configurateur, workflow, Mastra, artefact, mĂ©moire, progression %, validation, AGENTS.md / CLAUDE.md, archive.
  • MĂ©canique d’écran : un seul panneau au-dessus du pli — la question de Koa + le champ de rĂ©ponse + la promesse. La grille des 8 kits de dĂ©part passe aprĂšs (« Ou pars d’un modĂšle prĂȘt »), la fausse conversation de droite est remplacĂ©e par une vraie dĂ©mo (vidĂ©o ou animation du dossier qui se remplit).
  • Unifier les portes : « CrĂ©er mon kit » devient le seul CTA ; « Voir le coach » disparaĂźt de la nav (Koa est un moyen, pas une destination) ; le diagnostic devient soit l’étape 0 de ce mĂȘme Ă©cran (« Pas sĂ»r de ton besoin ? Fais le diagnostic 2 minutes »), soit disparaĂźt.

Q2 — Page Skills : aligner ou sortir ? Sortir. TranchĂ©.

Quentin a raison : c’est hors sujet. La page vend un catalogue de missions pour assistants IA — une offre diffĂ©rente des kits, avec son propre vocabulaire, ses propres niveaux de difficultĂ© et de fausses mĂ©triques d’usage. L’aligner exigerait de réécrire l’offre entiĂšre ; or les « skills » sont dĂ©jĂ  couverts cĂŽtĂ© produit par le contenu des kits (missions incluses) et cĂŽtĂ© SEO par les ressources (chaque skill pointe dĂ©jĂ  vers « Voir le guide liĂ© »).

Plan concret : 1. Retirer « Skills » de la nav principale et « Skills Cowork » du footer (2 liens dans webapp/src/routes/__root.tsx). 2. Supprimer immĂ©diatement les fausses stats (installs/saves dans cowork-skills.ts) tant que la page reste en ligne. 3. Garder l’URL /skills quelques semaines (elle a un canonical et peut-ĂȘtre des impressions Search Console), puis fusionner son contenu utile dans /fr/ressources et rediriger en 301.

Q3 — CohĂ©rence de la nav et test des 5 secondes

Un visiteur froid qui arrive de pub ou de SEO ne comprend pas en 5 secondes ce qu’on vend. Le hero dit « Ton IA peut beaucoup plus » (constat, pas une offre), et il faut lire le paragraphe pour dĂ©couvrir le Dossier-Contexte. Surtout, le site nomme le produit de quatre façons : Dossier-Contexte (home), kit (nav, catalogue), AI Cowork Kit (coach, marque), dossier de travail (kits index). Quatre noms, un seul objet. Chaque page recommence l’éducation Ă  zĂ©ro.

IncohĂ©rences de nav relevĂ©es : - « Voir le coach » et « CrĂ©er mon kit » (CTA) pointent vers la mĂȘme URL /fr/coach — deux libellĂ©s, zĂ©ro diffĂ©rence. - « Kits », « Skills », « Ressources » : trois catalogues cĂŽte Ă  cĂŽte, sans hiĂ©rarchie — le visiteur ne sait pas lequel est le produit. - « Skills » est non localisĂ© (/skills) au milieu de liens localisĂ©s. - Le footer ajoute « Demander un kit » et « AccĂšs accompagnĂ© » (un mailto:contact@webpulser.fr — la marque Webpulser fuite sur un site prĂ©sentĂ© comme « produit indĂ©pendant »). - /fr/diagnostic-cowork n’apparaĂźt nulle part.

Nav cible (5 entrĂ©es max) : Accueil · Kits · Ressources · [CTA] CrĂ©e ton kit gratuit — plus le toggle EN. Le hero doit nommer l’objet dans le H1 ou le sous-titre immĂ©diat : « Le dossier que ton IA lit pour connaĂźtre ton mĂ©tier. PrĂȘt en 3 minutes. » Et choisir UNE rĂšgle de naming : « kit » comme nom du produit achetĂ©, « Dossier-Contexte » comme nom du mĂ©canisme — et s’y tenir sur toutes les pages, CTA compris.

Q4 — Design global : ce qui fait « template sombre gĂ©nĂ©rique »

Défauts concrets, constatés sur les screenshots :

  1. Fond noir-vert + grille de blueprint sur toutes les pages : l’esthĂ©tique « terminal de dev » s’adresse Ă  des dĂ©veloppeurs ; la cible est le pro français non-tech. Le produit dit « pas besoin d’apprendre », le design dit « ceci est un outil d’ingĂ©nieur ».
  2. Blocs vides livrés en prod : les 3 cartes outils de la home (« Dans ton chat », « Claude Code », « Codex ») sont des rectangles noirs sans contenu visuel. Rien ne crie « template non fini » plus fort.
  3. ZĂ©ro image : pas un visage, pas une capture d’écran rĂ©elle, pas une illustration sur tout le site. Tout est carte + texte. La « dĂ©mo » avant/aprĂšs est le seul moment incarnĂ© — et c’est du texte dans une fausse fenĂȘtre.
  4. Un seul composant pour tout dire : la mĂȘme carte sombre, bord 1 px, coins arrondis identiques, sert pour un kit Ă  79 €, un guide gratuit, une question de FAQ, une Ă©tape de process et un tĂ©moignage. Aucune hiĂ©rarchie de valeur perceptible.
  5. Le mĂȘme gabarit de section partout : kicker vert uppercase ~11 px + H2 serif + paragraphe gris, rĂ©pĂ©tĂ© 10+ fois par page. L’Ɠil n’a aucun point d’accroche diffĂ©renciant ; tout a le mĂȘme poids, donc rien n’est important.
  6. Typo : display soignĂ©, body sacrifiĂ© : les H1/H2 serif crĂšme sont la seule rĂ©ussite. Le texte courant est en ~13–14 px gris moyen sur fond sombre, souvent sous le seuil de contraste AA (badges « AccĂšs anticipĂ© » gris sur noir quasi invisibles, microcopy des cartes kits ~11 px).
  7. DensitĂ© de dashboard : la page coach empile 12+ panneaux (onglets, progression, promesses, grille de 8 cartes, composer, fausse conversation, aperçu fichiers) ; le catalogue kits affiche des cartes Ă  4 niveaux d’information. Un Ă©cran de SaaS B2B interne, pas une page d’acquisition.
  8. Alternance light/dark non maĂźtrisĂ©e : hero crĂšme, corps sombre, sections Dossier-Contexte et dĂ©mo de nouveau crĂšme — le rythme existe mais semble accidentel ; les transitions sont des coupes franches sans respiration.
  9. Bandeau cookies permanent en bas Ă  droite, qui chevauche les CTA de fin de page sur chaque screenshot.
  10. Signaux de confiance auto-sabotés : « 2 Ready » sur 14 kits affiché en hero du catalogue, stats inventées sur /skills, emails de contact webpulser.fr sur un « produit indépendant ».

Direction de refonte (sans réécrire le copy) : choisir le crĂšme/serif du hero comme base (chaleureux, Ă©ditorial, diffĂ©renciant) et rĂ©server le sombre aux seules fenĂȘtres « produit » (dĂ©mos, aperçus de dossier) — l’inverse exact de la rĂ©partition actuelle ; crĂ©er 3 niveaux de cartes (produit payant / gratuit / contenu) ; passer le body Ă  16 px avec contraste AA ; produire 4–5 vraies captures d’écran produit pour remplir les blocs vides ; un seul style de CTA primaire avec un seul libellĂ©.


Audit réalisé en lecture seule le 2026-06-11. Aucun fichier de code modifié. Screenshots : voir tableau ci-dessus ; fichiers sources consultés : webapp/src/routes/__root.tsx, $locale.coach.tsx, $locale.agentic.tsx, agentic.tsx, skills.tsx, $locale.ressources.index.tsx, webapp/src/features/coach/components/CoachExperience.tsx, LandingPageSections.tsx, webapp/src/lib/kit-catalog.ts, cowork-skills.ts, programmatic-seo.ts.

À valider : la copy des prochains kits, Ă©crite sur le modĂšle TDAH (douleur d’abord, honnĂȘte, sans preuve sociale inventĂ©e). Dis-moi ce que tu amendes — ensuite seulement on cĂąble les landings.

Copy landings « douleur d’abord » — kits painted-door (2026-06-11)

Méthode

  • ModĂšle : webapp/src/lib/landings/tdah.ts (ton, structure, niveau d’exigence). Interface : KitLandingContent dans webapp/src/lib/kit-landing.ts.
  • Source de vĂ©ritĂ© produit : content.fr de chaque kit dans webapp/src/lib/kit-catalog.ts (promesse, included, missions pSEO, FAQ existante, priceLabel). Aucune promesse nouvelle inventĂ©e — chaque teaser s’appuie sur ce que le catalogue annonce dĂ©jĂ .
  • RĂšgles appliquĂ©es : douleur d’abord (le hero nomme la douleur, pas la solution), tutoiement, zĂ©ro preuve sociale inventĂ©e, zĂ©ro promesse chiffrĂ©e invĂ©rifiable, zĂ©ro promesse mĂ©dicale, pas de bloc histoire (storyTitle/story/storySignature omis — vrai uniquement pour TDAH), apostrophes typographiques partout.
  • DiffĂ©rence assumĂ©e avec tdah : ces kits sont payants (accĂšs anticipĂ©). La FAQ prix annonce le prix du catalogue comme « prix prĂ©vu », sans promesse de remise early-access (rien d’actĂ©).
  • FR uniquement. L’EN viendra aprĂšs validation.

Kits couverts (8)

Le catalogue compte exactement 8 kits painted-door hors tdah — tous couverts, aucun Ă©cartĂ© pour cause de plafond. Ordre du doc = potentiel de douleur dĂ©croissant (douleur aiguĂ« + datĂ©e d’abord, douleur chronique ensuite, douleur d’usage en dernier) :

  1. cv-candidature-ia — le silence aprùs l’envoi des candidatures
  2. redaction-memoire-ia — le mĂ©moire qui n’avance pas pendant que la date avance
  3. business-plan-ia — le banquier attend un dossier, toi tu as une idĂ©e et une page blanche
  4. site-web-ia — l’activitĂ© est rĂ©elle, le site toujours pas
  5. seo-acquisition-ia — invisible sur Google, inexistant dans ChatGPT
  6. etudiant-ia — relire son cours en boucle sans que ça rentre
  7. workspace-ia-claude-code — Claude Code installĂ©, mais chaque session repart de zĂ©ro
  8. agent-ia — tout le monde parle d’agents, toi tu as un chat qui attend tes questions

Kits NON traités (et pourquoi)

  • tdah — dĂ©jĂ  fait (le modĂšle).
  • productivite-cowork (free, live) et prospection-ia (paid, construit) — pas painted-door.
  • recrutement-ia, hermes-agent, openclaw-agent — status premium, pas painted-door.

1. cv-candidature-ia — Kit CV candidature IA

Angle. Le candidat en recherche active : il envoie, il attend, rien ne revient. Il sait que sa lettre est gĂ©nĂ©rique et que son CV est le mĂȘme pour toutes les offres, mais personnaliser chaque candidature Ă  la main est intenable. La douleur n’est pas « faire un CV », c’est le silence — et la honte de la lettre clonĂ©e. Promesse catalogue Ă  respecter : « un systĂšme de candidature, pas une lettre isolĂ©e ».

Hero

  • heroTitle : Tu envoies candidature sur candidature. En face : le silence.
  • heroSubtitle : Un systĂšme de candidature tenu par ton agent IA : CV et lettre recalibrĂ©s pour chaque offre, prĂ©paration d’entretien, suivi des relances. Pas une lettre magique — une mĂ©thode, tenue Ă  ta place.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • La lettre clonĂ©e Tu changes le nom de l’entreprise et deux mots dans le premier paragraphe. Tu sais que ça se voit. Eux aussi.

  • Le CV unique Le mĂȘme PDF pour un poste de chef de projet et un poste de consultant. ForcĂ©ment, il ne dit jamais exactement ce que l’offre demande.
  • La relance jamais envoyĂ©e Cette boĂźte qui devait te rappeler « sous quinzaine » ? Tu ne sais plus quand tu as postulĂ©, ni si tu as relancĂ©. Le tableur de suivi, tu l’as abandonnĂ© Ă  la deuxiĂšme ligne.

Mécanisme

  • mechanismTitle : Pourquoi un systĂšme bat une lettre parfaite

  • Les recruteurs lisent vite, et ils cherchent une chose : la correspondance avec leur offre. Une candidature gĂ©nĂ©rique n’est pas mauvaise — elle est invisible. Et personnaliser chaque dossier Ă  la main, personne ne tient ce rythme.

  • C’est exactement le travail d’un agent IA : pour chaque offre, il croise l’annonce avec ton parcours, recalibre ton CV, Ă©crit une lettre qui parle de leur problĂšme — avec tes vraies expĂ©riences, jamais rien d’inventĂ©. Puis il prĂ©pare l’entretien et tient le suivi : qui relancer, quand, pour quel poste.
  • Soyons clairs : aucun kit ne garantit un poste. Ce que celui-ci change, c’est que plus aucune de tes candidatures ne part gĂ©nĂ©rique, et que plus aucune relance ne passe Ă  la trappe.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Recalibrer ton CV pour une offre prĂ©cise (Ă  partir de ton vrai parcours)

  • Écrire une lettre qui rĂ©pond Ă  l’annonce — pas une lettre passe-partout
  • PrĂ©parer l’entretien : les questions probables, et tes rĂ©ponses
  • Tenir le tableau de suivi de tes candidatures (l’agent s’en souvient pour toi)
  • Relancer au bon moment, avec le bon message
  • Faire le bilan : ce qui obtient des rĂ©ponses, ce qui n’en obtient pas

FAQ

  1. Q : Ça se voit que c’est Ă©crit par une IA ? R : Une lettre gĂ©nĂ©rique sortie de ChatGPT, oui, ça se voit. Ici l’agent part de ton parcours rĂ©el et de l’offre prĂ©cise, et tu valides chaque ligne avant d’envoyer. Ce qui se voit, au final, c’est une candidature calibrĂ©e.
  2. Q : L’agent peut inventer des expĂ©riences sur mon CV ? R : Non, et c’est une rĂšgle du kit : l’agent reformule et met en avant ce que tu as vraiment fait, il n’ajoute rien. Un CV embelli se paie toujours en entretien.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu dĂ©marre Ă  19 € (29 € pour la version complĂšte). Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté (formTitle, formHint, emailLabel, submitLabel, submitLoading, errorFallback, doneTitle, doneBody, confirmedTitle, confirmedCtaLabel/Href vers le Kit Productivité). Variantes spécifiques :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit CV candidature IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.
  • disclaimer : Le Kit CV candidature IA est un outil de mĂ©thode. Il ne garantit ni entretien ni embauche — personne ne peut le garantir.

2. redaction-memoire-ia — Kit rĂ©daction mĂ©moire IA

Angle. L’étudiant·e face au mĂ©moire : sujet qui flotte, directeur peu disponible, dossier de PDF jamais fichĂ©s, et une date de rendu qui avance pendant que le document n’avance pas. Avec, en arriĂšre-plan, la tentation ChatGPT et la peur de ce qu’elle coĂ»terait en soutenance. Promesse catalogue Ă  respecter : « un espace mĂ©thodologique pour avancer proprement » — le kit n’écrit pas le mĂ©moire.

Hero

  • heroTitle : Tout le monde te demande oĂč en est ton mĂ©moire. Tu changes de sujet.
  • heroSubtitle : Un espace mĂ©thodologique tenu par ton agent IA : resserrer le sujet, construire le plan, ficher les sources, tenir le calendrier. La rĂ©daction reste la tienne — c’est la mĂ©thode qu’il porte.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • Le sujet qui change toutes les deux semaines Trop large. Puis trop pointu. Puis « dĂ©jĂ  traitĂ© ». Trois reformulations plus tard, toujours zĂ©ro page Ă©crite.

  • Le dossier « biblio » jamais ouvert Quarante PDF tĂ©lĂ©chargĂ©s, zĂ©ro fiche de lecture. Tu ne sais plus lequel disait quoi, ni lequel sert ton argument.
  • La tentation ChatGPT Tu pourrais lui faire Ă©crire le chapitre 2 ce soir. Tu sais aussi ce que ça risque de te coĂ»ter en soutenance — et que ce ne serait plus ton mĂ©moire.

Mécanisme

  • mechanismTitle : Un mĂ©moire ne se rĂ©dige pas. Il se construit.

  • Le blocage du mĂ©moire est rarement un blocage d’écriture. C’est un blocage de structure : tant que la question de recherche est floue, que le plan n’y rĂ©pond pas et que les sources sont en vrac, chaque session de travail repart de zĂ©ro — et tu finis par Ă©viter le document.

  • Le kit installe l’espace mĂ©thodologique avec ton agent : il t’aide Ă  passer du sujet flou Ă  une vraie question de recherche, Ă  construire un plan qui y rĂ©pond, Ă  ficher chaque source au moment oĂč tu la lis, et Ă  tenir un calendrier Ă  rebours de la date de rendu.
  • La rĂšgle n’est pas nĂ©gociable : l’agent structure, questionne et relit — il ne rĂ©dige pas Ă  ta place. C’est ce qui fait que le mĂ©moire reste le tien, et que tu peux le dĂ©fendre en soutenance.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Passer d’un sujet flou Ă  une question de recherche dĂ©fendable

  • Construire le plan dĂ©taillĂ©, chapitre par chapitre
  • Ficher une source en lisant (et la retrouver au bon endroit du plan)
  • Monter le calendrier Ă  rebours de la date de rendu
  • Faire relire ta mĂ©thode : cohĂ©rence du plan, citations, fil de l’argument
  • PrĂ©parer la soutenance : les questions probables du jury

FAQ

  1. Q : Le kit rĂ©dige Ă  ma place ? R : Non. Il structure et vĂ©rifie la mĂ©thode pour que le travail acadĂ©mique reste le tien. L’agent t’aide Ă  penser, ficher et organiser — les phrases du mĂ©moire, c’est toi qui les Ă©cris.
  2. Q : Mon universitĂ© peut me le reprocher ? R : Les rĂšgles sur l’usage de l’IA varient selon les Ă©tablissements : vĂ©rifie le rĂšglement du tien. Le kit cadre un usage mĂ©thodologique oĂč tu restes l’auteur·e — mais on ne peut pas rĂ©pondre Ă  la place de ton universitĂ©, et on ne va pas te dire le contraire.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu dĂ©marre Ă  29 € (49 € pour la version complĂšte). Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté. Variantes spécifiques :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit rĂ©daction mĂ©moire IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.
  • disclaimer : Le Kit rĂ©daction mĂ©moire IA est un outil de mĂ©thode. Tu restes l’auteur·e de ton travail : vĂ©rifie les rĂšgles de ton Ă©tablissement sur l’usage de l’IA.

3. business-plan-ia — Kit Business Plan IA

Angle. Le crĂ©ateur d’entreprise Ă  qui la banque, BPI ou un investisseur demande « le dossier ». Il connaĂźt son produit par cƓur ; c’est tout le reste — marchĂ©, modĂšle Ă©conomique, projections, objections — qui le paralyse. Les templates ne l’aident pas : ils donnent des cases, pas des rĂ©ponses. Promesse catalogue : « du pitch au modĂšle Ă©conomique, un dossier pour prĂ©senter sans partir d’une page blanche ».

Hero

  • heroTitle : Le banquier veut un business plan. Toi, tu as une idĂ©e et une page blanche.
  • heroSubtitle : Ton agent IA construit le dossier avec toi, section par section : pitch, marchĂ©, modĂšle Ă©conomique, projections, objections. À partir de ton projet et de tes rĂ©ponses — pas d’un template gĂ©nĂ©rique.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • Le template tĂ©lĂ©chargĂ© Un modĂšle « gratuit » trouvĂ© en ligne : des onglets partout, des formules cassĂ©es, des cases dont tu ne sais pas quoi mettre dedans. Toujours aucune phrase Ă©crite.

  • La question qui met Ă  nu « Et vous les trouvez comment, vos clients ? » Ton produit, tu le connais par cƓur. C’est tout le reste du dossier qui te dĂ©shabille.
  • Le rendez-vous repoussĂ© Le banquier attend ton dossier « quand il sera prĂȘt ». C’était il y a deux mois. Tu n’as toujours pas osĂ© reprendre rendez-vous.

Mécanisme

  • mechanismTitle : Un business plan, c’est des rĂ©ponses — pas de la mise en page

  • Un business plan n’est pas un exercice d’écriture. C’est une sĂ©rie de questions auxquelles tu dois savoir rĂ©pondre : qui achĂšte, pourquoi, Ă  quel prix, comment tu les atteins, ce que ça coĂ»te. Le template te donne les cases ; il ne t’aide pas Ă  trouver ce qu’on met dedans.

  • Le kit inverse l’ordre : l’agent te pose les questions, dans le bon ordre, et construit chaque section Ă  partir de tes rĂ©ponses. Les hypothĂšses chiffrĂ©es restent les tiennes, posĂ©es noir sur blanc — l’agent ne sort aucun chiffre de nulle part. Puis il joue le banquier ou l’investisseur : objections, trous dans le dossier, points faibles.
  • HonnĂȘtement : l’agent ne validera pas ton marchĂ© Ă  ta place. Si le projet ne tient pas debout, le kit servira surtout Ă  le voir avant le rendez-vous — c’est moins cher que de l’apprendre en face.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Écrire le pitch synthĂ©tique (le projet en une page qui se lit)

  • Construire le canevas de modĂšle Ă©conomique
  • Cadrer l’analyse marchĂ© et les personas — sans copier-coller d’études bidon
  • Poser les projections avec des hypothĂšses explicites, que tu peux dĂ©fendre
  • Encaisser la simulation d’objections : banquier, investisseur, associĂ© sceptique
  • DĂ©rouler la checklist avant rendez-vous (ce qui doit ĂȘtre prĂȘt, ce qui peut attendre)

FAQ

  1. Q : C’est crĂ©dible face Ă  un banquier ou un investisseur ? R : Ce qui rend un dossier crĂ©dible, ce sont tes rĂ©ponses et tes hypothĂšses — pas la mise en page. Le kit structure le dossier et te force Ă  expliciter chaque chiffre. Un dossier rempli de chiffres que tu ne sais pas dĂ©fendre, lui, ne sera jamais crĂ©dible, IA ou pas.
  2. Q : L’IA peut inventer mes chiffres ? R : Elle pourrait — c’est exactement ce que le kit interdit. Chaque hypothĂšse est posĂ©e explicitement, marquĂ©e comme hypothĂšse, et c’est toi qui la valides. Rien n’entre dans le dossier sans que tu saches d’oĂč ça vient.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu dĂ©marre Ă  49 € (79 € pour la version complĂšte). Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté. Variantes spécifiques :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit Business Plan IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.
  • disclaimer : Le Kit Business Plan IA est un outil de structuration. Ce n’est ni un conseil financier, ni un conseil juridique, et il ne remplace pas un expert-comptable.

4. site-web-ia — Kit Site web IA

Angle. L’indĂ©pendant ou le crĂ©ateur dont l’activitĂ© tourne
 sans site, ou avec un site dont il a honte. Les devis d’agence l’ont refroidi, le template du dimanche soir est restĂ© Ă  trois sections. Le vrai blocage n’est pas technique : c’est Ă©crire « ce que je fais » sur une page. Promesse catalogue : « offre, arborescence, copy de pages, brief design et plan de tracking — une V1 crĂ©dible sans agence ».

Hero

  • heroTitle : Ton activitĂ© est rĂ©elle. Ton site, toujours pas.
  • heroSubtitle : Offre clarifiĂ©e, arborescence, copy de chaque page, brief design, plan de tracking : ton agent IA construit avec toi le dossier complet d’une V1 crĂ©dible — avant de payer qui que ce soit.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • Le devis qui t’a refroidi Tu as demandĂ© « un site simple ». On t’a rĂ©pondu rĂ©union de cadrage, planning sur plusieurs mois et acompte. Tu as dit « je vais y rĂ©flĂ©chir ». C’était il y a longtemps.

  • Le template du dimanche soir Un compte créé sur un builder, trois sections remplies, un onglet fermĂ©. Le brouillon est toujours lĂ . Toi, tu n’y es jamais retournĂ©.
  • La page blanche du « ce que je fais » Le design, tu t’en sortirais presque. C’est Ă©crire qui bloque : tu connais ton mĂ©tier par cƓur, et la page d’accueil reste vide.

Mécanisme

  • mechanismTitle : Le blocage n’est pas technique. Il est Ă©ditorial.

  • Un site ne sort pas parce que les dĂ©cisions d’avant ne sont pas prises : l’offre n’est pas posĂ©e, donc les pages ne s’écrivent pas, donc le site n’existe pas. Aucun builder ne rĂšgle ça — il t’attend avec des cases vides.

  • Le kit prend le problĂšme dans l’ordre : clarifier ton offre, en dĂ©duire l’arborescence, Ă©crire le copy de chaque page avec l’agent — Ă  partir de tes rĂ©ponses, dans tes mots —, produire un brief design qu’un prestataire peut exĂ©cuter sans rĂ©union de trois heures, et poser le plan de tracking.
  • Ce que ce n’est pas : un site fini en un clic. C’est le dossier complet qui rend la V1 faisable — par toi sur un builder, ou par un prestataire qui sait enfin exactement quoi faire.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Clarifier ton offre avant d’écrire la moindre page

  • Poser l’arborescence de la V1 (les pages qu’il faut, pas une de plus)
  • Écrire le hero et les sections de preuve de la page d’accueil
  • RĂ©diger le copy page par page, dans tes mots
  • Produire le brief design prĂȘt Ă  envoyer Ă  un prestataire
  • Installer le plan de tracking et dĂ©rouler la checklist de lancement

FAQ

  1. Q : L’IA peut vraiment Ă©crire ma landing ? R : Elle peut en Ă©crire une bonne version de travail — Ă  condition de partir de tes rĂ©ponses, pas du vide. C’est ce que cadre le kit : l’agent t’interroge sur ton offre et tes clients, puis rĂ©dige avec toi. Tu relis, tu corriges, tu gardes ta voix.
  2. Q : À la fin, j’ai un site en ligne ? R : Pas automatiquement, et on prĂ©fĂšre le dire : tu as le dossier complet (offre, pages Ă©crites, brief design, tracking). La mise en ligne se fait sur le builder de ton choix, ou par un prestataire — qui te coĂ»tera moins cher quand tout est dĂ©jĂ  dĂ©cidĂ© et Ă©crit.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu : deux versions, autour de 49 € et 79 €. Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté. Variante spécifique :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit Site web IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.

5. seo-acquisition-ia — Kit SEO & visibilitĂ© IA

Angle. Le dirigeant ou l’indĂ©pendant dont le site existe mais n’amĂšne rien : invisible sur Google, jamais citĂ© par ChatGPT ou Perplexity, dĂ©marchĂ© par des agences SEO Ă  l’abonnement. Il sait qu’il « devrait faire du contenu », mais sans plan, chaque article publiĂ© est un coup d’épĂ©e dans l’eau. Promesse catalogue : « clusters, briefs Google + IA, calendrier 30 jours, maillage — ĂȘtre trouvĂ© ET citĂ© ».

Hero

  • heroTitle : Ton site existe. Google l’ignore. ChatGPT ne sait mĂȘme pas qu’il existe.
  • heroSubtitle : Clusters prioritaires, briefs d’articles pensĂ©s pour Google ET les IA, calendrier 30 jours, maillage : le kit pour construire ta visibilitĂ© toi-mĂȘme, mĂ©thodiquement — avant de signer un abonnement avec une agence.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • La recherche qui fait mal Tu tapes ton mĂ©tier dans Google. Tes concurrents sont partout. Toi, nulle part — mĂȘme pas page deux. Tu refermes l’onglet.

  • L’agence Ă  l’abonnement On te propose du SEO en abonnement mensuel, engagement long, rĂ©sultats « d’ici six Ă  douze mois ». Tu ne sais mĂȘme pas Ă©valuer si c’est sĂ©rieux. Alors tu ne signes rien — et rien ne bouge.
  • ChatGPT rĂ©pond Ă  ta place Tes prospects ne cherchent plus seulement sur Google : ils posent leur question Ă  ChatGPT. Qui rĂ©pond. En citant d’autres que toi.

Mécanisme

  • mechanismTitle : Le SEO n’est pas mort. Il a doublĂ©.

  • Être visible aujourd’hui, c’est deux terrains : Google, et les moteurs de rĂ©ponse — ChatGPT, Perplexity, les AI Overviews. La bonne nouvelle : les deux rĂ©compensent la mĂȘme chose. Du contenu structurĂ©, qui rĂ©pond vraiment aux questions que ta cible pose, organisĂ© proprement.

  • Le problĂšme n’a jamais Ă©tĂ© « Ă©crire des articles » : c’est savoir lesquels, dans quel ordre, et comment les structurer pour ĂȘtre repris. Le kit te fait construire la machine avec ton agent : carte des clusters prioritaires, briefs optimisĂ©s double lecture (Google + IA), FAQ « rĂ©ponse d’abord », maillage interne, calendrier sur 30 jours.
  • Ce qu’on ne te promettra pas : une position garantie. Personne ne peut la garantir — et ceux qui le font devraient t’inquiĂ©ter. Ce que le kit garantit : un plan dĂ©fendable et des briefs exĂ©cutables, au lieu d’articles publiĂ©s au hasard.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Construire ta carte de clusters prioritaires (quoi Ă©crire, dans quel ordre)

  • GĂ©nĂ©rer un brief d’article optimisĂ© Google + IA, prĂȘt Ă  rĂ©diger
  • Écrire une FAQ « rĂ©ponse d’abord », le format que les IA citent
  • Poser le plan de maillage interne entre tes pages
  • Tenir le calendrier de publication sur 30 jours
  • Auditer tes pages existantes et les optimiser GEO / AEO

FAQ

  1. Q : C’est quoi, le GEO / AEO ? R : L’optimisation pour les moteurs de rĂ©ponse : faire en sorte que ChatGPT, Perplexity ou les AI Overviews citent ton site quand ils rĂ©pondent Ă  une question de ton domaine. MĂȘme logique de fond que le SEO — contenu structurĂ© qui rĂ©pond vraiment — avec des formats spĂ©cifiques en plus.
  2. Q : Ça remplace une agence ? R : Pour poser la stratĂ©gie et produire mĂ©thodiquement, oui. Une bonne agence garde sa valeur sur des sujets lourds (technique avancĂ©e, netlinking Ă  grande Ă©chelle). Et si tu en prends une plus tard, le kit t’aura au moins appris Ă  Ă©valuer ce qu’elle te vend.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu dĂ©marre Ă  99 € (149 € pour la version complĂšte). Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté. Variantes spécifiques :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit SEO & visibilitĂ© IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.
  • disclaimer : Le Kit SEO & visibilitĂ© IA est un outil de mĂ©thode. Aucune position sur Google ni citation dans les IA ne peut ĂȘtre garantie — par personne.

6. etudiant-ia — Kit Étudiant IA

Angle. L’étudiant·e qui rĂ©vise mal et le sait : relecture passive, surlignage qui rassure, panique de veille de partiel. Il utilise dĂ©jĂ  ChatGPT — souvent du mauvais cĂŽtĂ© de la ligne, avec la culpabilitĂ© qui va avec. Promesse catalogue Ă  respecter strictement : « un systĂšme d’étude, pas un chatbot qui fait le travail Ă  ta place ».

Hero

  • heroTitle : Tu relis ton cours pour la troisiĂšme fois. Il ne rentre toujours pas.
  • heroSubtitle : Un systĂšme d’étude tenu par ton agent IA : fiches, quiz, plan de rĂ©vision, mĂ©thode mĂ©moire. Il te fait travailler — il ne travaille pas Ă  ta place.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • Le surlignage qui rassure Ton cours est fluo du dĂ©but Ă  la fin. Relire, surligner, recopier : ça occupe, ça rassure — et le jour du partiel, il ne reste presque rien.

  • La veille de partiel Quatre chapitres, une nuit. Tu savais la date depuis des semaines. Tu n’avais juste aucun plan pour t’y mettre avant.
  • ChatGPT en douce Tu lui as dĂ©jĂ  fait faire un devoir. Note correcte, rien appris, et cette petite boule au ventre. Tu sais que ce n’est pas comme ça qu’il faut s’en servir — mais personne ne t’a montrĂ© comment.

Mécanisme

  • mechanismTitle : La diffĂ©rence entre relire et retenir

  • Relire un cours donne une impression de maĂźtrise. Se faire interroger dessus la teste pour de vrai — et c’est ça qui fait retenir. Le problĂšme : personne ne se quiz soi-mĂȘme, c’est pĂ©nible et on ne sait pas quoi se demander.

  • C’est exactement le rĂŽle de l’agent : il transforme ton cours en fiches, te fait passer des quiz, insiste sur ce que tu rates au lieu de te re-servir ce que tu sais dĂ©jĂ , et planifie les reprises pour que ça tienne jusqu’au partiel — pas jusqu’au lendemain.
  • Le contrat du kit est clair : l’IA t’interroge, te corrige et t’organise. Elle ne rend pas le devoir Ă  ta place. C’est un systĂšme d’étude — si tu cherches un chatbot qui triche pour toi, ce kit va te dĂ©cevoir.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Transformer un cours en fiche de rĂ©vision exploitable

  • Passer des quiz qui insistent sur tes points faibles
  • Monter le plan de rĂ©vision Ă  rebours des partiels
  • RĂ©sumer un cours ratĂ© ou un polycopiĂ© indigeste
  • Programmer les reprises pour retenir durablement (pas juste la veille)
  • Cadrer un usage rĂ©glo de l’IA pour les devoirs — sans la boule au ventre

FAQ

  1. Q : C’est fait pour tricher ? R : Non, et c’est mĂȘme l’inverse : le kit cadre une aide mĂ©thodologique — fiches, quiz, organisation — et une relecture responsable. L’agent te fait bosser ; il ne rend rien Ă  ta place.
  2. Q : Ça marche pour quelle filiĂšre ? R : Tout ce qui se rĂ©vise par comprĂ©hension et mĂ©morisation : droit, mĂ©decine, Ă©co, histoire, langues, concours
 Pour les travaux pratiques ou les oraux, il t’aide Ă  prĂ©parer et Ă  t’entraĂźner, mais il ne remplace pas la pratique.
  3. Q : C’est pour quand ? R : Le kit est en cours de construction. Inscris-toi et tu seras prĂ©venu·e en premier Ă  la sortie.
  4. Q : Combien ça coĂ»tera ? R : Le prix prĂ©vu dĂ©marre Ă  19 € (29 € pour la version complĂšte) — un prix pensĂ© pour un budget Ă©tudiant. Si ça change d’ici la sortie, les inscrits seront les premiers informĂ©s.

Boilerplate

= modÚle tdah adapté. Variantes spécifiques :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Kit Étudiant IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.
  • disclaimer : Le Kit Étudiant IA est un outil de mĂ©thode de travail. Tu restes responsable de tes devoirs et examens : vĂ©rifie les rĂšgles de ton Ă©tablissement sur l’usage de l’IA.

7. workspace-ia-claude-code — Workspace IA Claude Code

Angle. L’utilisateur qui a dĂ©jĂ  Claude Code (ou Codex) : il paie l’outil, il a vu les dĂ©mos, et chez lui chaque session repart d’une page blanche — il rĂ©explique son mĂ©tier, son projet, ses rĂšgles, Ă  chaque fois. La douleur n’est pas « apprendre l’outil », c’est l’écart entre ce que l’outil pourrait faire et ce qu’il en tire. Promesse catalogue : « un dossier AGENTS.md + contexte + rĂšgles + missions que Claude Code lit avant de travailler ».

Hero

  • heroTitle : Claude Code tourne sur ta machine. Et il ne sait toujours rien de ton travail.
  • heroSubtitle : Un Dossier-Contexte prĂȘt Ă  l’emploi — AGENTS.md, rĂšgles, missions, exemples — que Claude Code lit avant de bosser. Tu arrĂȘtes de tout rĂ©expliquer Ă  chaque session : il dĂ©marre directement sur tes vrais sujets.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • La session qui repart de zĂ©ro Hier, tu lui as tout expliquĂ© : ton produit, tes clients, tes rĂšgles. Ce matin, session neuve — il ne sait plus rien. Et tu recommences.

  • Les dĂ©mos des autres En vidĂ©o, Claude Code monte un projet entier en quelques minutes. Chez toi, il rĂ©pond des gĂ©nĂ©ralitĂ©s. La diffĂ©rence n’est pas le modĂšle : c’est le contexte qu’on lui donne.
  • Le prompt de quarante lignes Quelque part dans tes notes, il y a LE prompt qui marchait bien. Tu le cherches, tu le recolles, tu l’adaptes. À chaque fois. Quand tu le retrouves.

Mécanisme

  • mechanismTitle : Pourquoi un dossier change tout

  • Claude Code a une particularitĂ© que presque personne n’exploite : il lit les fichiers du dossier dans lequel tu l’ouvres avant de travailler. Ouvert dans un dossier vide, il ne sait rien — et chaque session devient une sĂ©ance de rĂ©explication.

  • Le kit te gĂ©nĂšre un Dossier-Contexte Ă  partir de ton mĂ©tier : un AGENTS.md qui dĂ©finit son rĂŽle, tes rĂšgles de travail Ă©crites une fois pour toutes, des missions types et des exemples. Tu ouvres Claude Code dedans, il lit, il sait. Plus de page blanche, plus de prompt Ă  recoller.
  • Pas de magie lĂ -dedans : c’est du Markdown standard, lisible, modifiable, portable — le mĂȘme dossier fonctionne avec Claude Code et Codex. Ce que tu achĂštes, c’est le cadre dĂ©jĂ  pensĂ©, pas une boĂźte noire.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Ton AGENTS.md de base, gĂ©nĂ©rĂ© Ă  partir de ton mĂ©tier en quelques questions

  • Tes rĂšgles de travail, Ă©crites une fois, respectĂ©es Ă  chaque session
  • Cadrer un projet avant de lancer l’exĂ©cution
  • Transformer un brief flou en plan de travail
  • Tenir une routine hebdo qui repart de ton contexte, pas de zĂ©ro
  • Donner tes standards Ă  Codex avant qu’il touche au projet

FAQ

  1. Q : C’est quoi, un AGENTS.md ? R : Le fichier que Claude Code et Codex lisent en premier : il dĂ©finit le rĂŽle de l’IA, tes rĂšgles et tes standards. C’est le cƓur d’un workspace IA configurĂ© — et la diffĂ©rence entre un assistant gĂ©nĂ©rique et un assistant qui connaĂźt ton travail.
  2. Q : Quelle diffĂ©rence avec un pack de prompts ? R : Un pack te donne des phrases Ă  coller dans un chat vide — Ă  chaque fois. Le Dossier-Contexte donne Ă  l’IA un cadre persistant qu’elle lit avant de travailler. L’un se recolle, l’autre s’installe.
  3. Q : Il faut savoir coder ? R : Non. Tu rĂ©ponds Ă  quelques questions sur ton mĂ©tier, le dossier est gĂ©nĂ©rĂ©, tu l’ouvres dans Claude Code ou Codex et tu parles Ă  ton agent en français.
  4. Q : C’est pour quand, et Ă  quel prix ? R : Le kit est en cours de construction — inscris-toi et tu seras prĂ©venu·e en premier. Prix prĂ©vu : deux versions, autour de 49 € et 79 €. Si ça change, les inscrits le sauront d’abord.

Boilerplate

= modÚle tdah adapté. Variante spécifique :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du Workspace IA Claude Code. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.

8. agent-ia — Agent IA (pilier)

Angle. L’indĂ©pendant ou le dirigeant de PME saturĂ© du discours « les agents IA vont tout changer » : il a un assistant IA, mais c’est un chat qui attend ses questions. Entre les posts LinkedIn anxiogĂšnes, les outils no-code abandonnĂ©s et les prestataires chers, il n’a toujours pas UN agent qui travaille sur UN objectif Ă  lui. Promesse catalogue : « objectif, outil cible, donnĂ©es, autonomie et garde-fous pour transformer ton chat en agent mĂ©tier » — sans coder.

Hero

  • heroTitle : Tout le monde parle d’agents IA. Toi, tu as un chat qui attend tes questions.
  • heroSubtitle : Ce kit transforme ton assistant en agent sur UN objectif concret : cadrage, donnĂ©es, niveau d’autonomie, garde-fous. Sans coder, sans plateforme en plus — un dossier que ton agent lit et applique.
  • heroCta : PrĂ©viens-moi Ă  la sortie

ScĂšnes

  • scenesTitle : Tu te reconnais ?

  • La veille qui culpabilise Chaque post LinkedIn t’explique que les agents vont tout changer et que tu es en retard. Tu fermes l’appli. Tu retournes copier-coller des prompts dans un chat.

  • L’outil no-code du dimanche Tu as ouvert un outil d’automatisation un week-end, plein de bonne volontĂ©. Des nƓuds, des webhooks, des connecteurs. Tu as fermĂ© l’onglet le mardi.
  • Le devis du prestataire On t’a proposĂ© de « dĂ©ployer un agent sur mesure ». Un devis Ă  quatre chiffres, pour un systĂšme que tu ne pourrais ni comprendre ni modifier toi-mĂȘme.

Mécanisme

  • mechanismTitle : Un agent, ce n’est pas un modĂšle plus malin. C’est un cadre.

  • La diffĂ©rence entre un chat et un agent ne tient pas au modĂšle : elle tient au cadre qu’on lui donne. Un objectif prĂ©cis, les donnĂ©es auxquelles il a accĂšs, ce qu’il a le droit de faire seul, et ce qu’il doit te demander avant d’agir. Sans ce cadre, mĂȘme le meilleur modĂšle reste un chat qui attend.

  • Le kit te fait poser ce cadre en questions guidĂ©es — objectif, outil cible, niveau d’autonomie — puis gĂ©nĂšre le dossier de ton agent : son rĂŽle, ses rĂšgles d’autonomie, ses missions types et ses garde-fous. C’est toi qui dĂ©cides oĂč placer le curseur entre « il propose » et « il fait ».
  • HonnĂȘtement : ce n’est pas un robot qui tourne tout seul sur un serveur pendant que tu dors. C’est un agent qui travaille quand tu l’ouvres — mais sur son objectif, avec sa mĂ©moire de travail et ses rĂšgles, au lieu de repartir de zĂ©ro Ă  chaque conversation.

Teaser

  • teaserTitle : Ce qu’il y aura dedans

  • Cadrer ton agent : objectif, donnĂ©es, niveau d’autonomie (le plan de configuration)

  • Monter un agent prospection : prĂ©parer une sĂ©quence complĂšte
  • Monter un agent support ou veille sur ton domaine
  • DĂ©finir un agent recrutement avec scorecard
  • CrĂ©er un assistant personnel pour tes routines rĂ©currentes
  • Poser les garde-fous : ce que l’agent fait seul, ce qu’il te demande toujours

FAQ

  1. Q : Quelle diffĂ©rence entre un agent IA et ChatGPT ? R : ChatGPT rĂ©pond Ă  tes questions, puis oublie. Un agent a un objectif, un contexte persistant, des rĂšgles et un pĂ©rimĂštre d’action : il travaille sur son sujet au lieu d’attendre le prochain prompt. La diffĂ©rence, c’est le cadre — c’est exactement ce que le kit installe.
  2. Q : Il faut coder pour installer un agent ? R : Non. Le kit te pose des questions de cadrage et génÚre un dossier en français que ton assistant (Claude Cowork, Codex) lit et applique. Pas de serveur, pas de webhook, pas de plateforme no-code à apprendre.
  3. Q : Il fait quoi tout seul, concrĂštement ? R : Ce que tu l’autorises Ă  faire, et rien d’autre. Le kit te fait dĂ©finir explicitement les garde-fous : ce qu’il prĂ©pare en autonomie (brouillons, synthĂšses, plans) et ce qui exige ta validation (envoyer, supprimer, engager). L’humain reste dans la boucle — par design, pas par accident.
  4. Q : C’est pour quand, et Ă  quel prix ? R : Le kit est en cours de construction — inscris-toi et tu seras prĂ©venu·e en premier. Prix prĂ©vu : 99 € en autonomie, ou avec un accompagnement d’installation entre 199 € et 490 €. Si ça change, les inscrits le sauront d’abord.

Boilerplate

= modÚle tdah adapté. Variante spécifique :

  • confirmedBody : Ton email est confirmĂ©. Tu seras prĂ©venu·e en premier Ă  la sortie du kit Agent IA. En attendant, le Kit ProductivitĂ© est dĂ©jĂ  disponible gratuitement — mĂȘme logique, mĂȘme agent.

Notes de review (pour validation)

  1. FAQ prix : tous ces kits ont un priceLabel au catalogue (contrairement Ă  tdah, gratuit). J’ai formulĂ© chaque rĂ©ponse prix en « prix prĂ©vu » + « si ça change, les inscrits seront les premiers informĂ©s » — honnĂȘte, sans inventer de remise early-access. À valider : veut-on afficher les prix sur les landings painted-door, ou rester vague (« prix annoncĂ© Ă  la sortie ») ?
  2. heroCta : gardĂ© PrĂ©viens-moi Ă  la sortie partout (cohĂ©rent avec le test painted-door). Les CTA du catalogue (« GĂ©nĂ©rer mon workspace » ) promettent une action immĂ©diate que la landing ne peut pas tenir — je ne les ai volontairement pas repris.
  3. inclusiveNote : omis partout — c’est un champ nĂ© du contexte TDAH, rien d’authentique Ă  y mettre pour ces 8 kits.
  4. disclaimer : ajoutĂ© uniquement oĂč il protĂšge vraiment (cv = pas de garantie d’embauche, business-plan = pas un conseil financier, seo = pas de position garantie, etudiant/memoire = intĂ©gritĂ© acadĂ©mique). Omis sur workspace, agent-ia et site-web : rien d’honnĂȘte Ă  disclamer.
  5. ScĂšne « dĂ©mos des autres » (workspace) et « veille LinkedIn » (agent-ia) : ce sont des observations du paysage, pas de la preuve sociale pour nos kits — Ă  mes yeux conformes Ă  la rĂšgle, mais je le signale.