📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Claude Design crée ma page de vente en 30 minutes (démo)

Antoine BM24:34

Transcription

Alors moi, j'emploie pas souvent le mot révolution. Et par le passé, j'étais quand même assez critique avec l'IA, parce que l'IA offre de grandes possibilités, ça je le nie pas, mais elle offre aussi une grande distraction. Et donc pour les entrepreneurs qui ont déjà une tendance naturelle à se disperser, à avoir le syndrome de l'objet brillant, bah le fait d'avoir cette nouvelle possibilité de faire plein de nouveaux projets, c'est pas forcément un avantage.

Mais cette fois-ci, quelque chose a changé. Il y a quelques jours, Claude a annoncé la sortie de Claude Design et les mots qu'ils ont employés sont très révélateurs. "Claude Design donne aux designers la liberté d'explorer et à tous les autres la liberté de créer." Et je crois que c'est exactement pour ça que l'IA est à la fois adulée et détestée. Elle est adulée lorsqu'elle nous permet de faire des choses qu'on pouvait pas faire avant, et elle est détestée lorsqu'elle nous remplace sur des choses dans lesquelles on était bon.

Et je vais pas te faire le coup de "Mais non, c'est juste un outil." Moi mon truc, c'est l'écriture, et t'inquiète pas que j'ai été très vexé quand j'ai découvert que l'IA pouvait écrire mieux que moi, et je suis resté dans le déni pendant un moment. Et je sais que je suis pas le seul, hein. C'est ce que vivent aujourd'hui des millions de créateurs, de copywriters, de programmeurs, de designers. Et je suis sûr que Claude Code a donné des sueurs froides à beaucoup de designers qui avaient du talent et qui pouvaient facturer des clients chers pour ça.

Moi, mon approche aujourd'hui avec l'IA, c'est que je me concentre sur ce qu'elle peut m'apporter en plus. L'idée, c'est pas de remplacer ce que je fais déjà, mais de pouvoir faire des choses en plus que je ne pouvais pas faire avant, et de me focaliser sur des utilisations concrètes qui servent mes objectifs business du moment.

Alors, dans cette vidéo, je vais te montrer ce que tu peux faire avec Claude Design dès aujourd'hui. Pourquoi tu n'as pas besoin de compétences techniques, juste d'un peu de jugement. Comment l'utiliser concrètement ? Je vais designer une page de vente devant toi. Et comment ça peut changer la manière dont tu travailles, mais pas forcément de la façon dont tu t'y attends.

Alors pour l'instant, on peut utiliser uniquement Claude Design dans son navigateur. Donc faut aller sur claude.ai et il y a un nouvel outil qui est apparu ici. Si tu le vois pas, clique sur "plus". Et cet outil, c'est Design. Donc quand je vais cliquer dessus, je vais arriver dans l'interface de Claude Design. Ce qu'il faut comprendre avec Claude Design, c'est que c'est pas un générateur d'images comme peuvent le faire ChatGPT ou Gemini. C'est un générateur de code. Et donc, il peut créer le design d'une page web, il peut créer le design d'une présentation PowerPoint par exemple, parce que tout ça, c'est avant tout du code. Il peut créer des formes, des couleurs, des lignes, des animations. Et à partir de ça, il peut aller assez loin dans le design sans avoir à générer la moindre image.

Et en fait, fondamentalement, c'est pas quelque chose de nouveau. Claude Code permettait déjà de le faire, mais Claude Design optimise l'interface autour de ça. En fait, Claude Design, c'est une nouvelle interface pour utiliser Claude Code, spécialement pensée pour les gens qui veulent faire du design.

Alors, qu'est-ce qu'on peut faire ? Si on clique sur "Exemples", on voit quelques exemples. On peut faire des animations, donc générer toutes sortes de formes parce que c'est du code. Voilà, donc par exemple ce globe terrestre, ce design d'application, voire même des wallpapers animés comme ça, des animations de texte comme ici, ou des petites animations amusantes comme là.

Alors, ce que tu vas pouvoir faire, c'est designer des pages web entières. Par exemple, ici, c'est la page de vente de ma dernière formation, et elle a été entièrement générée en utilisant Claude Design. Donc, tu vois, même les icônes ont été générées par Claude Design. Les petites images là d'interface ici qui sont super bien faites. Pareil, c'est pas des images en fait, c'est que du code. Tu vois, je peux sélectionner le texte. C'est généré aussi par Claude Design. J'ai juste eu à ajouter quelques logos, euh une photo de moi pour euh l'onglet "Qui suis-je", et la première version ressemblait énormément à ça. Ensuite, les heures que j'ai passées dessus, c'était surtout pour faire des petites modifications de détail.

Alors évidemment, c'est qu'un exemple parmi tant d'autres, mais tu peux l'utiliser pour créer des landing pages, pour créer un portfolio, pour créer un site vitrine, un formulaire, ou même un outil fonctionnel, hein, que tu vas pouvoir vendre ou utiliser tous les jours. Tu peux aussi faire des applications mobiles avec, mais même plus simplement dans ton quotidien, tu peux l'utiliser par exemple pour générer des présentations type PowerPoint. Tu lui envoies le texte que tu veux mettre sur tes présentations, tu lui demandes de faire un joli design en lui donnant quelques instructions, peut-être des codes couleur, peut-être des indications, et il va te générer tout ça. Tu peux aussi générer des documents, des fiches PDF, un journal, un jeu de cartes. En fait, n'importe quoi qui a besoin d'un design, tu vas pouvoir le faire avec Claude Design. Les possibilités sont vraiment illimitées. On a même des gens aujourd'hui qui l'utilisent pour faire du montage vidéo, en tout cas pour faire des animations sur leurs vidéos. Ils envoient le script, Claude Design génère des animations, et automatiquement Claude Code va les ajouter sur la vidéo.

Alors comme souvent, le problème qu'on peut avoir avec l'IA, c'est ça : c'est qu'on a en fait trop de choix, on peut faire trop de choses, et donc on se retrouve un petit peu paralysé. Donc moi, ce que je voudrais te proposer aujourd'hui, c'est te prendre par la main et te montrer un cas d'utilisation concrète que moi, j'ai régulièrement à faire dans mon business, et où Claude Design m'a vraiment simplifié la vie et m'a permis de faire quelque chose de beaucoup plus qualitatif. L'idée, c'est vraiment de partir de ce que tu connais déjà. Qu'est-ce que tu dois faire aujourd'hui dans ton activité, ou qu'est-ce que tu aimerais faire en plus dans ton activité, mais que tu ne peux pas faire parce que tu as pas les compétences en design ou tu as pas le budget pour embaucher un designer.

Alors pour comprendre ce qu'on va designer ensemble, faut déjà que je me présente. Je m'appelle Antoine BM, je suis formateur business depuis 10 ans, et je suis TDAH. Et donc, j'ai du mal avec les projets longs. J'ai tendance à vite m'ennuyer et à vite vouloir changer. Je fonctionne avec des hyperfocus. S'il y a un truc qui me passionne, j'ai envie de parler que de ça pendant un mois, et ensuite, généralement, ça m'intéresse plus et je passe à autre chose. Et donc, pendant des années, j'ai construit mon business model autour de ça. Au lieu d'avoir une ou deux ou trois grosses formations ou accompagnements, j'ai lancé plus de 250 formations. Oui. Oui. 250. En tout, ils ont généré plus de 5 millions d'euros de chiffre d'affaires, et j'avais vraiment le sentiment d'avoir masterisé le truc.

Le problème, c'est la friction. En fait, j'adore moi trouver des idées de produits, j'adore les packager, trouver des arguments pour les vendre, mais je déteste passer des heures à rédiger des pages de vente, à faire du copywriting, à faire euh des designs, à faire des tunnels marketing. Tout ça, en fait, c'est devenu une friction qui était tellement élevée que j'ai fini par arrêter de faire des petits produits, alors que j'étais bon là-dedans. J'avais plein d'idées, mais j'en faisais plus rien.

Et puis, Claude Code est arrivé, et ça a tout changé. J'ai créé un système sur Claude Code qui me connaît par cœur. Il a accès à mon business, à mes clients, à mon style, à mes outils, à mon équipe. Il sait tout. Et non seulement il me connaît par cœur, mais il a accès à mes outils et il peut les utiliser à ma place. Donc, je l'utilise pour gérer mon support client, pour gérer mes factures, pour créer des automatisations pour moi, et il me fait économiser du temps et des employés. D'ailleurs, si tu utilises pas Claude Code, c'est vraiment le moment de t'y mettre. Je sais que les experts essaient de nous faire croire que c'est compliqué, mais c'est pas vrai. En fait, tu pourrais avoir ton agent IA en place d'ici une petite heure, sans coder, sans utiliser le terminal de ton ordinateur, et sans outils compliqués. Donc, d'ici la fin de la journée, avant le coucher du soleil, tu pourrais déjà avoir ton agent IA qui commence à exécuter des tâches à ta place ou à mettre en place des automatisations pour toi, sans avoir à utiliser Notion, Zapier et tous ces outils compliqués. Si tu veux savoir comment faire, j'ai créé une courte formation dans laquelle je filme mon écran et je te montre exactement comment mettre en place ton premier agent IA en 1 heure. C'est le premier lien en description.

Alors, quand j'ai découvert Claude Design, ben en fait, j'ai réalisé que c'était la pièce manquante du puzzle. Il y a 2 minutes, je te parlais de mon problème de friction. Claude Code a déjà permis de réduire la friction pour la création et la vente de formation, la mise en ligne, le tunnel marketing, la séquence email, la gestion des clients. Tout ça, je peux le faire avec Claude Code désormais. Je peux vraiment me concentrer sur le positionnement et la valeur que j'ai envie d'apporter. Mais c'est Claude Design qui s'occupe de la partie la plus importante pour moi.

À quoi ça ressemble ? J'ai toujours été très tâtillon sur l'aspect visuel de ce que je propose, et c'est pour ça que j'ai toujours plutôt choisi le minimalisme, parce que c'est plus facile et plus rapide d'avoir quelque chose de beau et d'élégant en étant minimaliste qu'en essayant de mettre beaucoup de choses. Et donc, aujourd'hui, je peux utiliser Claude Design pour générer des pages de vente sans avoir à passer des heures sur des outils galères à faire des glisser-déposer, à agrandir et à réduire des images. Je peux tout faire depuis Claude Design, à la fois la page de vente, mais aussi tous les outils qui peuvent aller avec, comme des upsells, des tunnels, des pages de capture.

Le mieux, c'est de te montrer. Alors, on va créer ensemble une page de vente en seulement quelques minutes, et tu vas voir que c'est super rapide. En fait, Claude Design fonctionne exactement comme si tu avais un designer graphique à ton service. Tu lui envoies un pitch, il te propose un design, tu lui fais des feedbacks, il t'envoie le rendu final, et tu l'envoies à ton développeur, c'est-à-dire Claude Code, qui te met ça en ligne. Et la première étape, c'est le pitch. Et ça, le pitch, je vais pas le faire sur Claude Design, je vais le faire sur Claude Code. Pourquoi ? Parce que, on l'a dit, Claude Code a accès à tout mon contexte. Il connaît mes produits, il a le transcript de ma dernière formation, il connaît mon style d'écriture, les plans de vente que j'aime bien, et il a même la charte graphique de certains de mes sites.

Donc, je vais démarrer une nouvelle conversation. Ici, ça va être une conversation démo, et je vais utiliser la dictée vocale pour lui expliquer ce que je veux. En fait, ça va être une sorte de "gigaprompt" à partir duquel il va me générer un autre "gigaprompt" que je vais envoyer à Claude Design.

OK, donc j'ai créé ma formation "Agent IA pour tous" et je voudrais que tu me fasses un long prompt à envoyer à Claude Design pour qu'il me génère la page de vente avec tout le contenu. Je voudrais reprendre l'identité graphique de "YouTube Dividende", donc vert et bleu. Je voudrais aussi que ça reprenne mon style d'écriture simple et direct. Fais-moi une page minimaliste et aérée, sans trop de rédaction, mais avec des visuels comme des boxes, des icônes, des tableaux, ce genre de choses. Base-toi sur des plans de vente qui marchent en regardant mes notes archivées et rédige toi-même le copywriting de la page. Le prix de la formation sera de 299 €, mais au lancement, elle sera à 199 €. Donc affiche le prix final barré et mets en avant le prix de lancement. Ajoute un bandeau discret en haut de la page avec un timer.

OK, on a déjà quelque chose qui est pas mal. Tu vois, j'ai pas besoin de tout lui réexpliquer. J'ai pas besoin de lui dire ce qu'il y a dans ma formation. Il a déjà accès au projet. J'ai pas besoin de lui expliquer quelle est l'identité graphique de "YouTube Dividende". Il a aussi accès au projet. Donc, on va lui envoyer ça et voir ce qui nous répond.

Alors si je partais de zéro, je ferais plutôt ça en mode planification. Ça lui permettra en fait de me poser des questions, moi d'y répondre, et donc d'avoir un prompt beaucoup plus précis. OK ? Donc là, il est en train de lire les différents documents. Donc tout ça est dans le dossier auquel je lui ai donné accès. Chaque projet a un nom. Tu vois, si je vais dans le projet "YouTube Dividende", il a le contexte, il a les clients, et il a même une feuille de style avec le code couleur et le style graphique. OK.

Donc là, il est en train de me générer le prompt avec les contenus. Donc tu vois, à l'intérieur, il inclut le style visuel avec les codes couleur, la typo, les boutons et cetera. Et ensuite, il met le contenu de la page en précisant s'il s'agit d'un box, d'un tableau comparatif, et pour ça, il se base sur des plans de vente que j'ai noté dans mes archives. Au passage, si tu veux mettre en place un système similaire sur ton ordinateur, c'est-à-dire un Claude Code qui a accès à tout ton contexte et avec lequel tu peux travailler beaucoup plus rapidement, j'explique exactement comment je fais dans ma formation "Agent IA pour tous". Tu pourrais mettre ça en place en moins d'une heure. C'est le premier lien dans la description.

OK, ça y est, c'est terminé. Ça a pris quelques minutes. Je clique ici pour copier le prompt. J'ouvre Claude Design. Je vais créer un nouveau projet. Je vais l'appeler "Démo Agent IA pour tous". Là, il me permet de choisir un "design system". Alors, c'est quoi un design system ? Une fiche tout simplement qui récapitule toutes les bonnes pratiques de design que tu veux avoir pour ta marque. Donc moi, j'ai pas créé de design system parce que je l'ai déjà dans mes dossiers code, mais je pourrais tout à fait en créer un nouveau ici. Et ce qui est bien, si je le fais ici, je peux mettre du texte, mais je peux aussi mettre un lien vers mon code sur GitHub, un fichier Figma, ou des éléments visuels. Mais là, j'en ai pas besoin. Donc, on va cliquer sur "Create".

Et là, on commence par du contexte. Donc, je vais tout simplement lui coller mon prompt ici et l'envoyer. Maintenant, je vais laisser travailler. Ça va prendre quelques minutes le temps qu'il traite tout ça, parce qu'il va me faire dès le départ, non pas un prototype, mais vraiment une version finale. Alors évidemment, je vais faire des modifications. J'ai hâte de voir à quoi ressembler la première version.

Alors comme tu vois, il me dit "You're not using extra usage." Il y a un problème aujourd'hui avec Claude Design, c'est que ça consomme tes tokens extrêmement rapidement. Donc quand tu payes un abonnement Claude, tu as droit à un certain nombre de tokens, de jetons, et ces jetons vont être dépensés en fonction du volume de travail que tu donnes à faire à Claude. Et le design, c'est beaucoup de travail. Du coup, en faisant ma première page de vente, alors j'y ai quand même passé pas mal de temps, mais ça a épuisé mes tokens de la semaine, et donc là, je paye en plus pour pouvoir générer ça. Maintenant, c'est toujours à comparer avec l'alternative. Si j'avais voulu avoir un résultat similaire il y a ne serait-ce que 2 ans, j'aurais dû payer un graphiste autour de 1000 €. Là, ça va peut-être me coûter 10, 15 €.

Et ben voilà, j'ai une première version qui vient de s'afficher. Je sais pas pourquoi il m'a mis le titre en énorme. Probablement parce que je lui ai dit "Mets le bien visible", donc c'est une erreur de ma part. Et ensuite euh voilà, ça ressemble pas mal à ce que j'ai en effet sur YouTube Dividende. Voilà, ça c'est ma page YouTube Dividende que j'ai "vibe codé" aussi, tu vois, qui est très simple. Et ici, on a quand même euh quelques petits bugs. On a des fenêtres qui se chevauchent. Donc, je vais lui demander de corriger ça. Bon, sur le contenu, on va pas rentrer dans le détail, mais on a quand même quelque chose qui a l'air d'être très bien, avec une promesse en haut, un sous-titre très clair en dessous, des arguments, un petit tableau. Évidemment, il faudra ajuster quelques trucs, mais le plus gros du travail est fait.

Maintenant, il y a plusieurs manières de faire des modifications. Par exemple, j'aurais commencé par le prix là, qui est beaucoup trop gros. Et donc, tu peux cliquer sur "Comment" et ensuite, tu vas sélectionner un élément. Donc là, par exemple, je vais sélectionner cet élément pour lui dire "C'est ça que j'ai envie que tu changes. Ici, le titre est beaucoup trop gros et on n'a pas besoin du carré blanc autour. Intègre-le naturellement et beaucoup plus discrètement sur la page, en dessous du bouton d'achat." Voilà. Donc, tu vois, je parle en langage naturel. Encore une fois, j'ai pas besoin d'être designer, j'ai pas besoin d'être codeur, j'ai juste besoin d'avoir un peu de jugement et d'être capable d'exprimer ce jugement. Le pro ici euh c'est Claude Design, donc je le laisse travailler.

Voilà. Donc là, il va me proposer de faire "reload". Donc ça veut dire qu'il y a une nouvelle version qui a été créée. On va cliquer dessus et on va voir le résultat. Voilà, c'est quand même beaucoup mieux. Et je voudrais juste faire une dernière petite modification. Donc, "Comment". Ici, le prix barré ne doit pas être en rouge, mais de la même couleur et de la même taille que le prix final. Voilà, je lui envoie ça. Ça, ce sera corrigé rapidement. Voilà, "Mettre à jour". Et voilà, c'est parfait.

Donc, tu vois, c'est quand même assez rapide. Donc ça, c'est la première option, c'est d'utiliser "Comment" et de lui demander de modifier un élément en particulier. Il y a une deuxième option, c'est la commande "Edit". Donc là, je vais cliquer sur "Edit". Et là, en fait, ce que je vais pouvoir faire, c'est sélectionner un élément, par exemple le texte ici, et modifier directement des paramètres. Donc, par exemple, je peux modifier sa couleur, sa taille, l'opacité de la boîte, la police et cetera. Le but, c'est de gagner du temps en ayant pas à expliquer avec des mots précisément ce que tu veux, mais en modifiant directement des chiffres ou des curseurs.

L'autre chose que je peux modifier directement, c'est le titre. Donc, par exemple, je peux supprimer le mot "Agent" ici. Donc, par exemple, je peux supprimer le "sans coder" ici. Et quand je vais recliquer sur "Edit", bah ça va automatiquement envoyer la modification, et dans quelques secondes, je pourrais rafraîchir la page et ce sera en place. Si j'ai envie de revenir en arrière, je peux le faire. Alors, normalement, il y a un bouton pour ça, mais là, je le vois pas. Donc, je vais juste lui demander "Annule la dernière modification". Et voilà, c'est de retour.

Alors, maintenant, on a des petits soucis en dessous. J'aimerais bien que ce soit pas complètement blanc, mais un peu transparent, et surtout que les espaces soient mieux gérés. Donc, je vais tout simplement lui dire, il y a quelque chose qui ne fonctionne pas dans le corps de la page. Les espaces entre les titres et les modules sont mal gérés. Regarde et corrige. Donc voilà, je vais commencer par lui dire ça. J'ai pas besoin de lui dire exactement ce que je veux. Donc, exactement le nombre de pixels que je veux. Généralement, quand je fais ça, on se retrouve avec un truc qui est pas terrible, parce que bah je suis pas designer. Et donc, je vais le laisser observer, juger et corriger par lui-même. Généralement, ça fonctionne bien.

Voilà. Donc là, je le laisse réfléchir par lui-même. Il me dit qu'il a trouvé le problème, et là, il est en train de le corriger. OK, on va voir la nouvelle version. OK, alors pour moi, le problème n'est pas corrigé, puisque il manque toujours des espaces au-dessus des titres. Donc, je vais lui dire "Le problème, c'est qu'il manque des espaces au-dessus des titres. Les titres sont collés à la section de dessus. Ajoute des espaces pour aérer la page."

Alors, si je vois un problème spécifique, je peux aussi le dessiner. Donc là, il y a un petit outil "Draw". Si je clique dessus, je peux l'entourer. Voilà. Et dire à Claude "Il y a un problème d'espacement ici." Et directement taper pour dire à Claude. Et en fait, Claude va voir cette partie, et il va corriger le problème. Je clique sur "Send". En fait, ce que je peux faire aussi avec Claude Code et Claude Design, c'est lui envoyer plusieurs instructions en même temps. Donc, pendant qu'il est en train de travailler sur une instruction, je peux lui poser une question, lui envoyer une deuxième instruction, et généralement, il va gérer les deux comme il peut. Voilà.

Donc, si je rafraîchis la page, alors le problème est toujours là, et je sais pas pourquoi. Donc, ce que je vais faire, c'est lui envoyer directement une capture d'écran. "Le problème d'espacement est toujours là. Regarde." Voilà. Alors là, du coup, il m'a mis des espaces un peu trop grands. Donc, pareil, je vais lui envoyer un screenshot et lui dire "Ça a marché, mais maintenant les espaces sont trop grands. Mets des espaces adéquats."

Alors, tu sais ce qu'on fait avec les chiens parfois quand ils font caca dans le salon ? C'est de leur mettre le nez dans le caca. Alors, ne fais pas ça avec ton chien, parce que ça ne marche pas. En revanche, ça marche très bien avec les IA. Donc, quand il fait du caca, tu lui envoies des screenshots du caca, tu lui expliques que c'est du caca, il constate que c'est du caca, et il nettoie. OK, on va faire un "reload". Et voilà, on a quelque chose qui est beaucoup mieux comme ça.

Alors, on peut aussi lui envoyer des images. Donc là, par exemple, les fonds blancs, je suis pas fan. Je pense qu'il pourrait avoir un truc un petit peu transparent en fait, comme j'ai ici. Donc, ce que je vais faire, c'est que je vais lui envoyer un screenshot de ce que j'ai ici et lui dire "Plutôt que d'avoir un fond blanc sur les cartes, j'aimerais que tu aies un fond légèrement transparent, glacé, comme sur cet exemple. Applique-le sur toutes les cartes." Hop, j'envoie. Voilà. Voyons voir le résultat. OK, c'est beaucoup mieux. Fait nettement plus moderne.

Maintenant, j'aimerais qu'on aille encore plus loin. Ajouter des illustrations. Alors, je parle pas d'images. Claude ne peut pas générer d'images aujourd'hui. Je parle d'illustrations qui vont être directement codées sur la page. Donc là, il nous a mis quelques icônes. C'est mignon, mais je pense qu'on peut aller plus loin. Par exemple, ici, il est pas très joli ce tableau avant-après. Donc, je vais ajouter un commentaire. "Pour ce tableau avant-après, j'aimerais que tu me fasses quelque chose de vraiment stylé. En gros, pour le avant, j'aimerais que tu me codes une interface compliquée de terminal avec plein de lignes de code décourageantes. Et pour le après, un espace clair, lisible, une jolie fenêtre Claude Code simple, minimaliste et accueillante." OK.

Alors là, je lui ai un peu baragouiné une idée comme ça qui m'est passée par la tête. Je sais pas exactement ce que ça va rendre. On va voir. Le niveau de précision que tu donnes à Claude Design, c'est toi qui décides. Donc, tu peux lui donner une idée extrêmement précise pour qu'il te fasse vraiment exactement ce que tu veux, où tu peux lui dire "Juste ça, j'aime pas trop, essaie de faire mieux" ou "Essaie de faire plus créatif" et le laisser décider pour toi. D'expérience, il vaut mieux ne pas être trop précis, parce que si tu es trop précis, il va se forcer à faire exactement ce que tu lui as demandé, et ça va pas toujours rendre aussi bien que ce qu'il peut te proposer.

OK, bah c'est pas mal du tout. Tu vois, il m'a mis un avant-après avec d'abord une fenêtre incompréhensible. Tu jongles entre X outils, et ensuite le après ultra simple, très visuel. Alors là, je pourrais chipoter un peu, lui demander de faire en sorte que les deux fenêtres soient de la même taille, qu'il y en ait pas une qui dépasse l'autre. Et généralement, moi, c'est ça qui va me prendre du temps quand je vais faire une page de vente, c'est que il faut que tout soit parfait. Je suis très perfectionniste sur le design, et tu vois que en un prompt, tout de suite, il me propose quelque chose de beaucoup plus intéressant. Et je pourrais aller plus loin et lui dire "OK, des illustrations comme ça, je veux que tu m'en ajoutes partout sur la page." Tu vois, par exemple, c'est ce que j'ai fait dans la page de vente que j'ai créée avant, en lui demandant vraiment de me coder des petites interfaces comme ça qui vont servir d'illustration pour les différents arguments.

Si je veux qu'il ajoute directement des images, des images peut-être que j'ai créées, ou un logo pour la formation, bah je peux tout simplement lui envoyer. Donc là, il y a plusieurs options. Ici, je peux choisir le modèle de Claude. Je te conseille d'utiliser le dernier modèle, donc ici, Opus 4.7. Ici, je peux cliquer pour ajouter des pièces jointes. Ici, envoyer un vocal. Et ici, importer directement un fichier Figma ou le code de mon site sur GitHub.

Alors, ce que je vais faire, c'est que je vais lui envoyer le logo de ma formation. Hop, je le fais glisser ici. Et je vais lui dire "Voici le logo de la formation. Ajoute-le juste au-dessus du titre 'Créer ton agent IA en un après-midi'." Voilà. Et là, automatiquement, il va le placer. Voilà. Bon, ça a pris un peu de temps parce que l'image était pas dans le bon format, mais il a fini par le trouver par lui-même, la convertir, et ça y est, elle a été ajoutée ici. OK, ça me plaît. Je vais juste supprimer ça. Supprime ça. Voilà ce texte. Et en attendant qu'il le fasse, bah je voudrais ajouter les liens sur les boutons. Donc, je vais lui dire "Ajoute ce lien cliquable sur les boutons." Voilà, c'est le lien pour acheter le produit. OK, on met à jour la page. C'est bon, il m'a supprimé le texte. Les boutons sont cliquables, et ben c'est super, on va pouvoir mettre la page en ligne.

Et comment je fais pour mettre la page en ligne ? Alors pour l'instant, il faut passer par Claude Code. Ça veut dire qu'il faut que je télécharge le code et ensuite que je l'envoie à Claude. Ce qui est un peu bête, parce qu'en vrai, ils auraient pu mettre un bouton qui permet de l'envoyer directement sur son serveur. Mais pour l'instant, c'est comme ça que ça marche, et c'est pas grave, ça ajoute 30 secondes. OK, exporte le tout pour que je l'envoie à Claude Code.

Alors là, je lui ai demandé, mais je pouvais aussi passer par "Share" et ensuite cliquer sur "Download project as zip". Je peux aussi le reprendre sur Canva. Tiens, l'exporter en PowerPoint si c'était un PowerPoint, ou en PDF si c'était un PDF. Autre chose intéressante, je peux en faire un template sur lequel je pourrais partir par exemple pour ma prochaine formation, pour pas avoir à refaire tout le design.

Alors, je vois qu'il y a un bouton "Hand off to Code". Donc peut-être que j'ai dit des bêtises. Apparemment, je peux simplement copier une commande. Donc, on va tester. Je copie la commande. Je vais sur Claude Code et je lui envoie la commande. OK, "J'aimerais que tu mettes le site en ligne en public sur mon espace formation." Hop. Et je vais lui envoyer la commande. Donc là, il a le lien. Peut-être qu'il va pouvoir la récupérer directement, ça serait pas mal. Sinon, ce que j'étais parti pour faire, c'est vraiment télécharger le point zip et ensuite lui envoyer.

OK, donc en fait, il se connecte à l'API d'Anthropic pour récupérer euh le fichier. Ça a l'air de marcher, il est en train de le lire. "Ne remplace pas la page de la formation existante, crée bien une nouvelle page." Voilà, je lui envoie une petite instruction supplémentaire juste pour être sûr qu'il fasse pas de bêtises. Si tu envoies un prompt et tu te rends compte que tu étais pas très clair, n'hésite pas à en envoyer un autre dans la foulée histoire de le corriger. Il va le lire tout en étant en train de travailler.

Alors, je vais le mettre en "Ignorer les permissions" parce qu'il me demande beaucoup de permissions, et tu vois, j'ai bien fait lui demander, parce qu'il était vraiment parti pour la remplacer, ce qui n'est pas du tout une bonne idée, parce que la formation est en plein lancement actuellement. Une chose que tu vois pas forcément dans les démos, c'est que ça prend quand même du temps. Tu vois, là, ça fait 3 minutes qu'il mouline pour mettre ça en ligne. Donc ça, évidemment, on le coupe au montage, hein, sinon la vidéo serait très longue. Mais là, en gros, ce que tu as vu, la démo, moi, de mon côté, elle m'a pris à peu près une demi-heure. Il y a certaines choses où il a un peu galéré, notamment pour afficher une image et pour résoudre le problème des titres qui chevauchaient. Donc oui, il est capable de faire des prouesses, mais faut quand même être un petit peu patient. Et c'est souvent ça la difficulté quand tu bosses avec les IA, c'est que tu passes ton temps à attendre en fait. Donc ce que tu vas faire, c'est que tu vas jongler entre deux tâches, et tu es constamment interrompu.

Voilà. Donc il est en train de me déployer ça sur mon serveur Runway. Alors pareil, j'ai rien à lui réexpliquer. Il a accès à tout. Il connaît mon serveur, il a l'API pour s'y connecter. Tout est dans mes dossiers. Et voilà, la page est en ligne. Ça a pris 4 minutes. On va cliquer pour voir à quoi ça ressemble. Et ça y est, la page est en ligne avec toutes les modifications qu'on a faites. Et quand on clique, on arrive sur la page de paiement.

Alors, si c'est la première fois que tu vois ça, probablement que ça te semble magique. Mais attention, parce que il y a quelque chose qu'on ne nous dit pas. Alors, l'IA est extraordinaire, et plus personne ne remet ça en question, mais elle est vendue sur une promesse fausse : la promesse de te faire gagner du temps. Alors oui, tu vas gagner du temps sur les tâches qui te prenaient beaucoup de temps avant, mais ce temps, tu vas l'utiliser pour autre chose. Concrètement, tu vas pas travailler deux fois moins à partir du moment où tu auras ton agent IA. En fait, la vraie promesse de l'IA, ça devrait être "tu vas monter en qualité".

Parce que quand je regarde mes anciennes pages de vente, j'ai honte. Ça, c'est des formations qui ont très bien vendu, hein. Une page de vente comme ça, ça marchait encore très bien il y a 6 mois. Mais aujourd'hui, avec Claude et Claude Design, bah ça devient complètement ringard. En fait, tout le monde va pouvoir avoir des super effets sur sa page, des graphismes dignes des meilleurs designers, et ça, ce sera plus toléré. En fait, mes anciennes pages de vente que je faisais à la main, elles sont juste plus au standard actuel. Sauf qu'avant, c'était la norme, parce que si je voulais avoir le genre de design qu'on a fait ensemble, bah c'était long et coûteux.

Et moi, le problème, c'est que je suis très perfectionniste sur le design. Tu vois, la page de vente finale pour le produit, elle ressemble à ça, et j'ai passé 1 heure rien que sur le hero en haut pour que tout soit bien centré, exactement comme je veux. Je me retrouve avec une version qui me plaît beaucoup, avec un très beau design, mais en tout cas, à reprendre chaque petit texte, à reprendre chaque petit élément de design. Alors 3 heures, c'est beaucoup, mais ça reste deux fois moins qu'avant. Avant, je prenais à peu près 6 heures à compléter une page de vente, donc deux matinées. Deux fois moins, c'est bien, mais c'est pas 10 fois moins, contrairement à ce qu'on voudrait parfois te faire croire.

Et d'ailleurs, c'est ce qu'on voit généralement avec l'IA quand on l'utilise pour faire du travail créatif. Si tu veux faire les choses bien, que ce soit pour du design, pour de l'écriture, pour la génération d'image, généralement, c'est pas 10 fois plus rapide, c'est deux fois plus rapide, parce que faut "prompter" avant, et puis faut repasser derrière pour faire des modifications. Par contre, le résultat, il est bien meilleur que ce que tu aurais obtenu avant dans les domaines où tu es moyen. Moi, c'est le cas en design, par exemple.

Donc, la vraie révolution de l'IA, c'est pas de gagner du temps. La vraie révolution de l'IA, c'est de réduire les frictions. J'aime lancer des produits, mais je n'aime pas gérer le service après-vente. L'IA peut s'en occuper. J'aime coacher mes clients, mais je n'aime pas faire du marketing. L'IA peut s'en occuper. J'aime faire des vidéos YouTube, mais je n'aime pas gérer la comptabilité. L'IA peut s'en occuper.

Alors oui, l'IA, elle peut te remplacer, elle peut remplacer ce que tu aimes faire, et c'est terrible. Mais tu peux aussi choisir de l'utiliser là où tu veux vraiment être remplacé, et passer plus de temps sur les tâches que tu aimes. Tu n'es pas obligé de faire rédiger tous tes textes par l'IA si à la base tu écris bien et que tu aimes bien écrire. Tu n'es pas obligé de générer toutes tes images et tes miniatures YouTube par l'IA si tu es doué là-dedans et tu aimes bien faire ça. Tu peux utiliser l'IA comme un outil supplémentaire pour aller plus vite dans tes tâches, mais continuer à garder la main dessus. L'idée, c'est de les utiliser non pas pour te remplacer, mais pour monter en qualité.

Et c'est pour ça que tu devrais mettre en place ton agent. Ma formation te montre comment faire, et tu pourrais avoir ton agent sur ton ordinateur, prêt à travailler dès ce soir avant le coucher du soleil. Mais ne cède pas à la panique. Je suis convaincu que tu peux continuer à travailler de manière artisanale et réussir. En l'absence d'un très bon jugement critique, l'IA produit généralement un résultat moyen. C'est propre, c'est joli, mais c'est pas exactement ta vision. L'IA n'est pas une baguette magique qui te rend productif et qui fait tout ton travail à ta place. Si tu t'éparpilles, l'IA va juste t'aider à t'éparpiller encore plus.

D'ailleurs, même les boîtes d'IA se font avoir, hein. OpenAI, la boîte de ChatGPT qui nous a promis qu'elle allait remplacer le travail, se retrouve à devoir décapiter tout un tas de projets en cours parce qu'elle se rend compte qu'elle se disperse. Donc même les boîtes qui sont à la frange, qui sont au top niveau IA, l'IA ne les a pas fondamentalement rendu plus productives au point de pouvoir lancer plein de projets en même temps et tout réussir. Donc ne cède pas à la peur. Oui, l'IA est là. Oui, l'IA est un outil extraordinaire que tu peux et que tu devrais utiliser. Alors, apprends à l'utiliser pour faire plus de ce que tu aimes et moins de ce que tu n'aimes pas. M.