Tes outils web · Leçon 1/6Ton portfolio & media kit
Ton portfolio & ton media kit 🗂️
Ici, tu ne vends rien : tu prouves ta valeur à quelqu'un qui t'évalue. Un portfolio pour montrer ton travail, un media kit pour convaincre une marque de collaborer avec toi.
🖼️
Ton portfolio
Montre ton travail, pas des promesses
Une galerie de réalisations avec des résultats concrets. C'est ce qui rassure quelqu'un qui hésite encore à travailler avec toi.
✓
Copie le prompt généré ci-dessous
Prompt · Ton portfolio
✓
Clique sur "Télécharger" puis clique sur les "…" en haut à droite, télécharge le fichier et range-le dans ton dossier de projet
Écris le nom de ton projet et colle le prompt tel quelLaisse Claude générer ton portfolio.
✓
Ouvre le fichier et découvre ton portfolioDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Les cartes sont trop grandes", "ajoute une réalisation"… il ajuste.
✓
Ton portfolio te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
📊
Ton media kit
Convaincre une marque de collaborer
Un document sobre et sérieux : tes chiffres, ton audience, tes collabs, ce que tu proposes. C'est ce que tu envoies à une marque avant une négociation.
✓
Copie le prompt généré ci-dessous
Prompt · Ton media kit
✓
Clique sur "Télécharger" puis clique sur les "…" en haut à droite, télécharge le fichier et range-le dans ton dossier de projet
Écris le nom de ton projet et colle le prompt tel quelLaisse Claude générer ton media kit.
✓
Ouvre le fichier et découvre ton media kitDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Les chiffres sont trop petits", "change l'ordre des sections"… il ajuste.
✓
Ton media kit te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
☁️
Avant de publier
+
Ta page a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour un portfolio ou un media kit.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse, achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
🖨️
Tu préfères un PDF à télécharger ? (facultatif)
+
Pas besoin d'exporter en PDF si tu partages déjà ton portfolio ou ton media kit par lien : c'est juste une option, si jamais tu veux un fichier à joindre à un email.
Option 1 · Depuis ton navigateur
✓
Ouvre ton fichier index.html directement dans ton navigateur
✓
Fais Cmd/Ctrl + P (imprimer)
✓
Choisis "Enregistrer en PDF" comme destination
✓
Vérifie qu'aucune page n'est coupéeSi besoin, redemande à l'IA d'ajuster les marges pour l'impression.
Option 2 · Demande à Claude
✓
Dis-lui simplement, dans la discussion : "transforme ce fichier en PDF"Il s'occupe de l'export à ta place.
Tes outils web · Leçon 6/6Ton app, ton outil sur mesure
Ton app, ton outil sur mesure 🧩
Un calculateur de devis, un quiz qui qualifie tes prospects, un espace client, un générateur pour tes clientes : tout ce que tu paierais un développeur, tu le décris en français, l'IA le construit, tu le mets en ligne.
🧩
C'est quoi, une app, ici
+
Une page qui fait quelque chose : elle calcule, elle pose des questions, elle génère, elle affiche un espace privé. À ton nom, sur ton lien, sans rien à installer pour celle qui l'utilise. La même mécanique que ta page de vente, avec un cerveau dedans.
💡
Les 4 apps qui rapportent
+
🧮
Le calculateur devis, économies réalisées, prix selon les options : la cliente joue avec, elle se projette, elle te contacte avec un chiffre en tête
❓
Le quiz 5 questions, un résultat personnalisé, son email en échange : tu qualifies avant même de lui parler (c'est le Diagnostic gratuit de Lisa)
⚙️
Le générateur un mini-outil à ta marque que tes clientes utilisent : idées, planning, prompts, recettes. Elles reviennent, elles partagent
🔐
L'espace client un contenu, un suivi ou une formation derrière un code d'accès : c'est exactement l'app dans laquelle tu es
✍️
Décris-la en 5 réponses
Le prompt se construit tout seul
✓
Copie le prompt généré ci-dessous
Prompt · Ton app
✓
Clique sur "Claude Code" clique sur "Nouveau"
✓
Écris le nom de ton projet et colle le prompt tel quelClaude lit ta fiche d'identité et ta charte graphique, puis construit l'app dans un seul fichier html.
✓
Ouvre le fichier et découvre ton appDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur.
✓
Teste-la sur ton téléphone et demande tes corrections directement à Claude, dans la discussion« Le résultat est trop long », « ajoute mon logo en haut », « le bouton doit être bordeaux » : tu parles, il corrige.
✓
L'app te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
☁️
Avant de publier
+
Ton app a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour une app.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse (ex : tonsite.com), achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
Contact, demande de devis, inscription à un atelier, candidature : un formulaire qui t'envoie les réponses par email, sans outil tiers, sans abonnement. Netlify le fait gratuitement.
📝
Un formulaire, quatre usages
+
💬
Contact nom, email, message : le minimum, sur ton site vitrine
🧾
Demande de devis les infos dont tu as besoin pour chiffrer : tu réponds avec un devis déjà à moitié fait
🎟️
Inscription atelier, masterclass, événement : la liste se remplit toute seule
📂
Candidature ou brief un dossier complet avant même le premier échange
📝
Ton formulaire
Décris ce que tu veux savoir, Claude Code construit le formulaire branché sur Netlify
✓
Copie le prompt généré ci-dessous
Prompt · Ton formulaire
✓
Clique sur "Claude Code" clique sur "Nouveau"
✓
Écris le nom de ton projet et colle le prompt tel quelLe formulaire utilise Netlify Forms : les réponses arrivent dans ton tableau de bord Netlify, onglet Forms. Laisse Claude générer ta page.
✓
Ouvre le fichier et découvre ta pageDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur. Teste aussi sur ton téléphone.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Le bouton est trop grand", "je veux la photo plus haute"… il ajuste.
✓
La page te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
📬
Reçois les réponses par email
+
Par défaut, les réponses s'affichent dans Netlify. Pour les recevoir aussi par email :
1
Ouvre ton site dans Netlify Site configuration → Forms → Form notifications
2
Ajoute une notification Add notification → Email notification → ton adresse → le formulaire concerné
3
Teste envoie-toi un message depuis ta page : il arrive dans ta boîte en quelques secondes
☁️
Avant de publier
+
Ton formulaire a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour une page de conversion.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse (ex : tonsite.com), achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
Cinq questions, un résultat personnalisé, un email en échange : la personne s'amuse, se reconnaît, et te laisse ses coordonnées. C'est exactement le Diagnostic gratuit de Lisa, et c'est l'app qui remplit son compte.
🎯
Pourquoi un quiz
+
🪞
On se reconnaît un résultat qui parle d'elle vaut mille arguments sur toi
📧
L'email vient naturellement « Reçois ton résultat détaillé par email » : personne ne le vit comme une capture
🎚️
Tu qualifies avant de parler profil débutante, profil avancée, profil pressée : tu sais quoi lui proposer
🔁
Il se partage « J'ai eu le profil X, et toi ? » : le quiz fait sa propre pub
🎯
Ton quiz
Décris le sujet et les profils, Claude Code écrit les questions, le calcul et la page
✓
Copie le prompt généré ci-dessous
Prompt · Ton quiz
✓
Clique sur "Claude Code" clique sur "Nouveau"
✓
Écris le nom de ton projet et colle le prompt tel quelIl écrit 5 à 7 questions à 3 choix, le calcul du profil et la page complète. Laisse Claude générer ta page.
✓
Ouvre le fichier et découvre ta pageDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur. Teste aussi sur ton téléphone.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Le bouton est trop grand", "je veux la photo plus haute"… il ajuste.
✓
La page te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
☁️
Avant de publier
+
Ton quiz a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour une page de conversion.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse (ex : tonsite.com), achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
Tes outils web · Leçon 4/6Ton audit ou ton calculateur
Ton audit ou ton calculateur 🧮
La visiteuse renseigne 3 ou 4 choses, la page lui rend un chiffre : un prix, une note sur 100, des économies. Elle se projette avec un résultat à elle, et elle te contacte avec un chiffre en tête.
🧮
Trois outils, une mécanique
+
💶
Le calculateur de prix surface, nombre d'invités, options : une fourchette immédiate, et un bouton pour demander le devis exact
📊
L'audit noté 10 questions oui / non, une note sur 100 et les 3 points à corriger : c'est l'Audit personnalisé de ton app
💡
Le simulateur d'économies « Combien tu perds chaque mois sans… » : le chiffre qui déclenche la décision
🧮
Ton outil
Décris les entrées, la règle de calcul et la sortie, Claude Code code le reste
✓
Copie le prompt généré ci-dessous
Prompt · Ton outil
✓
Clique sur "Claude Code" clique sur "Nouveau"
✓
Écris le nom de ton projet et colle le prompt tel quelLaisse Claude générer ta page.
✓
Ouvre le fichier et découvre ta pageDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur. Teste aussi sur ton téléphone.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Le bouton est trop grand", "je veux la photo plus haute"… il ajuste.
✓
La page te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
☁️
Avant de publier
+
Ton outil a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour une page de conversion.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse (ex : tonsite.com), achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
Tes outils web · Leçon 5/6Ton tracker personnalisé
Ton tracker personnalisé 📈
Un tracker, c'est une page qu'on ouvre tous les jours pour cocher, noter, voir sa progression. Tu le fais sur mesure : habitudes, finances, sport, lectures, programme de coaching. Pour toi, ou pour tes clientes à ton nom : une fois construit, ils en font ce qu'ils veulent.
📈
Un tracker, pour quoi
+
🧘
Tes habitudes eau, sport, sommeil, écrans : cocher chaque jour, et la série de jours qu'on n'a pas envie de casser
💶
Tes finances dépenses du mois, objectif d'épargne, chiffre d'affaires par semaine : un chiffre noté, une courbe qui monte
📚
Un programme les 21 jours d'un défi, les séances d'un accompagnement, les chapitres d'un livre
💝
Pour tes clientes, à ton nom ton logo, ta charte : chaque jour, c'est toi qu'elles ouvrent. Elles finissent ce qu'elles ont commencé avec toi
📈
Ton tracker
Décris ce qu'on suit, pour toi ou pour tes clientes : Claude Code construit la page qui mémorise tout
✓
Copie le prompt généré ci-dessous
Prompt · Ton tracker
✓
Clique sur "Claude Code" clique sur "Nouveau"
✓
Écris le nom de ton projet et colle le prompt tel quelLa page mémorise tout sur le téléphone de la personne qui l'utilise (aucun compte à créer). Laisse Claude générer ta page.
✓
Ouvre le fichier et découvre ta pageDouble-clique dessus, ou glisse-le dans un onglet de ton navigateur. Teste aussi sur ton téléphone.
✓
Des détails ne te plaisent pas ? Dis-le directement à Claude, dans la discussion"Le bouton est trop grand", "je veux la photo plus haute"… il ajuste.
✓
La page te convient ? Télécharge le fichier htmlC'est celui que tu mettras en ligne juste après.
☁️
Avant de publier
+
Ton tracker a besoin d'une adresse pour exister sur internet et pour ça on utilise Netlify.
✓
Crée un compte sur netlify.comAvec ton email, en 2 minutes.
✓
Le plan Free suffit largementPas besoin de payer quoi que ce soit pour une page de conversion.
✓
C'est quoi "déployer" ?Publier ton site en ligne pour qu'il soit accessible avec une adresse, il faudra le refaire à chaque fois que tu voudras mettre ta page à jour. Attention : déployer te coûte des crédits ! Tu en as 300/mois sur le plan gratuit et un déploiement te coûte 15 crédits.
🚀
Mets-la en ligne
+
✓
Crée un fichier zip avec à l'intérieur ton fichier html et les médias utilisés dans ton fichier html (logo, photos, vidéos…)Sélectionne-les tous, puis "Compresser" (Mac) ou "Envoyer vers → Dossier compressé" (Windows).
✓
Sur Netlify, clique sur "Add new project"C'est le bouton en haut à droite de ton tableau de bord.
✓
Pour déployer ton site, dépose ton fichier zip dans la zone "Upload your project files"Glisse-le directement dedans, ou clique sur "browse files to upload". Ton site est en ligne en quelques secondes.
✓
Nom de domaine personnalisé (facultatif)Tu peux très bien garder l'adresse Netlify automatique et passer à l'étape suivante. Si tu veux ta propre adresse (ex : tonsite.com), achète-la sur Infomaniak, puis reviens ici et clique sur "Domain management" dans le menu de gauche pour la relier à ton site.
✓
Personnalise ton adresse en cliquant sur "Quick setup"Netlify te propose une adresse lisible à choisir, à la place de la suite de lettres par défaut.
💡 Pour changer quelque chose plus tard : tu redemandes à Claude, tu refais un zip, tu redéposes. Le site se met à jour. Pas de plugin, pas de mise à jour de sécurité, pas de facture mensuelle (juste tes crédits de déploiement, vus plus haut).
