Activateur Formation
Retour au diagnostic
Les coulisses

Ce site,
comment on l'a fait.

Le diagnostic, le plan d'action personnalisé, la charte téléchargeable, la timeline réglementaire, le design, la publication : tout ce que vous venez d'utiliser a été construit en dialoguant avec l'IA — sans une ligne de code écrite à la main.

Ci-dessous, chaque brique du site est décomposée : ce que c'est, comment on l'a produite avec l'IA, et où ça se travaille au Bootcamp.

Vous n'avez pas encore fait le test ? Découvrir le résultat →

01

L'angle éditorial et la voix

Ce que c'est

Le titre « AI Act : vos équipes sont-elles prêtes ? », le point de vue tranché (« La plupart des plans de formation IA passent à côté de l'article 4 »), la promesse en une phrase.

Comment on l'a fait avec l'IA

On ne dicte pas un texte à l'IA — on itère avec elle. On lui donne le public, la posture, les convictions, les mots interdits. Elle propose 5 angles, on en garde 1, on le durcit ensemble. La règle : l'humain tient l'opinion, l'IA tient la plume.

Outils utilisés

Claude (Sonnet) pour le brainstorming éditorial, ChatGPT pour croiser les angles. Prompts structurés : rôle, cible, contraintes, exemples de ton à imiter et à éviter.

02

Le diagnostic conditionnel (10 questions, score pondéré)

Ce que c'est

10 questions à 3 réponses, chacune valant 0, 5 ou 10 points, classées par thème (Formation, Gouvernance, Données, Transparence…). Un score global, une ventilation par volet, un niveau (Exposition · Construction · Avancé).

Comment on l'a fait avec l'IA

On modélise la logique à voix haute avec l'IA — puis elle code la structure. Aucun tableur, aucune règle métier écrite à la main. La qualité vient de la clarté de la spec, pas de la technique.

Outils utilisés

Claude pour la modélisation logique (barème, seuils, ventilation), Lovable pour générer et brancher le composant React directement dans le site.

03

Le plan d'action personnalisé

Ce que c'est

À la fin du test, les 3 volets les plus faibles ressortent, chacun avec une priorité formulée dans le langage de l'utilisateur : « Écrire une charte », « Cartographier vos usages », etc.

Comment on l'a fait avec l'IA

On écrit une fois pour chaque thème le contenu de la recommandation, l'IA assemble la logique de sélection. Le résultat : chaque utilisateur voit un plan différent, mais toujours cohérent.

Outils utilisés

Claude pour rédiger les recommandations par volet, Lovable pour la logique conditionnelle qui les assemble à la volée selon le score.

04

La charte téléchargeable auto-générée

Ce que c'est

Un modèle de charte d'usage IA (usages autorisés, données interdites, transparence, formation, incidents) que l'utilisateur télécharge en un clic, calé sur l'article 4 et l'article 50.

Comment on l'a fait avec l'IA

Contenu rédigé avec l'IA à partir du texte du règlement, structure calée sur les 7 points minimaux. Le fichier se génère côté navigateur — pas de serveur, pas de backend à maintenir.

Outils utilisés

Claude pour la rédaction juridique à partir du texte de l'AI Act, Lovable pour la génération du fichier téléchargeable côté client.

05

Le contenu réglementaire à jour

Ce que c'est

Timeline complète 2024–2028, mise à jour Digital Omnibus (2 déc. 2027 · 2 août 2028), sources officielles (EUR-Lex, Commission, CNIL), FAQ, glossaire, comparatif AI Act / RGPD.

Comment on l'a fait avec l'IA

L'IA fait la recherche, on vérifie chaque date sur la source officielle, on l'oblige à citer ses sources. On ne publie jamais un chiffre qu'on n'a pas revérifié soi-même.

Outils utilisés

Perplexity et ChatGPT (mode recherche) pour dégrossir, Claude pour synthétiser et structurer, vérification humaine sur EUR-Lex et le site de la Commission.

06

Le design system et la mise en page

Ce que c'est

Palette navy + rose, typographie cohérente, badges, timeline verticale, cartes, tableaux, animations subtiles. Rien qui ne ressemble à « un site fait avec de l'IA ».

Comment on l'a fait avec l'IA

On donne à l'IA une référence visuelle (ici, la charte d'Activateur Formation), on lui interdit les tics graphiques du web IA (dégradés violets, emojis, images génériques). Elle code, on ajuste au pixel.

Outils utilisés

Lovable pour le design system (Tailwind, tokens de couleur, composants), Claude pour les micro-ajustements de mise en page décrits en langage naturel.

07

Le partage social et le SEO

Ce que c'est

Titre et description optimisés, image de partage, balises OpenGraph, données structurées FAQ, sitemap, robots.txt, boutons LinkedIn / X, copie du lien, plan téléchargeable.

Comment on l'a fait avec l'IA

Chaque bloc est demandé explicitement à l'IA — elle ne les met pas seule. On lui apprend à cocher une checklist SEO. Le référencement, ce n'est pas magique, c'est méthodique.

Outils utilisés

Claude pour la checklist SEO et la rédaction des meta, Lovable pour l'implémentation (head tags, sitemap.xml, JSON-LD).

08

La publication

Ce que c'est

Un site en ligne, avec URL propre, HTTPS, mobile, rapide. Sans hébergement à gérer, sans build à compiler.

Comment on l'a fait avec l'IA

Un clic sur « Publier ». Le site est en ligne. On peut le modifier trente fois dans la journée sans casser quoi que ce soit.

Outils utilisés

Lovable pour l'hébergement et le déploiement en un clic. Aucun serveur, aucune config, aucune ligne de commande.

En toute honnêteté

Ce que l'IA n'a pas fait toute seule

  • Le point de vue. Aucune IA ne décide pour vous ce que vous pensez. Les convictions, les prises de position, les mots-clés interdits : ça vient de nous.
  • La vérification. Chaque date de la timeline, chaque montant de sanction, chaque référence d'article a été revérifié à la main sur les sources officielles. L'IA se trompe — c'est à nous de le savoir.
  • Le goût. Choisir la palette, refuser trois propositions de titre avant d'accepter la quatrième, décider ce qu'on retire pour rendre le site lisible : c'est du travail humain. L'IA accélère, elle ne remplace pas le jugement.

C'est exactement ce qu'on apprend au Bootcamp : tenir la vision, déléguer l'exécution, vérifier le résultat. Pas apprendre à « prompter », apprendre à produire.

Le Bootcamp IA & Formation

Construisez ce genre d'outil pour vos apprenants.

5 midis en direct. Sur vos propres cas. Vous repartez avec un outil publié, pas avec des slides. Gratuit.

Découvrir le Bootcamp →