🌐 Je crée une landing page avec ChatGPT Astra (GPT-6) en 30 min (sans coder)
Julien Badoil | Utilise l'IA
0:00 / 0:00
🌐 Je crée une landing page avec ChatGPT Astra (GPT-6) en 30 min (sans coder)
420 просмотров · 1 месяц назад
Julien Badoil | Utilise l'IA
891 подписчик
420 просмотров · 1 месяц назад
🌐 Tu as besoin d'une maison en ligne.
Une page simple, qui présente ce que tu fais, avec un formulaire de contact.
Et tu n'as ni le budget d'un web designer, ni l'envie d'apprendre à coder.
⚡ ChatGPT Astra (GPT-6) est sorti début septembre.
Dans cet épisode, je te montre à l'écran ce qu'il sait faire :
Je lui dicte un brief à la voix, et il fabrique la landing page entière.
Design, textes, portrait, formulaire, favicon, aperçu en ligne.
En une demi-heure. Sans une ligne de code.
🎙️ C'est Yoann Guez qui pose les questions, celles que tout le monde se pose :
« il va me rendre du code ? »
« je dois copier-coller quelque part ? »
« et pour retoucher un détail ? »
🧑⚕️ Le cas du jour est inventé sur place :
Pierre, thérapeute de couple, avec deux accompagnements et une palette bleu profond, abricot et jaune lumineux, trouvée par l'IA toute seule.
👉 La page fabriquée dans l'épisode, telle quelle, hébergée chez ChatGPT :
https://pierre-le-lien-vivant.julienb...
🗣️ Et le vrai message de l'épisode :
ce n'est plus un problème d'exécution.
C'est un problème de rassembler ce qui te ressemble :
tes couleurs, ta façon d'écrire, tes photos, ta démarche.
⸻
✍️ Au programme :
🧭 ChatGPT Astra, c'est quoi, et pourquoi on le regarde à l'usage et pas aux benchmarks
🛠️ Codex, l'agent de code de ChatGPT : l'endroit où je te conseille de tout faire
🎤 Le brief dicté à la voix, comme à une personne qui travaille pour toi
🤝 L'IA qui te pose ses questions pendant qu'elle continue de bosser
📸 Un portrait de Pierre généré avec GPT Image 2, et la page qui s'ouvre
✉️ Le formulaire de contact, et pourquoi je refuse le service tiers proposé
🔍 Ce qu'on retouche : textes trop petits, menu, soulignement jaune, cartes illustrées
🖱️ Retoucher au pixel près : à la voix, ou avec une capture d'écran annotée
🏡 Hébergé chez ChatGPT ou sur ton propre nom de domaine : la suite dans Creator Serenity
⸻
📖 Chapitres :
00:00 - 👋 Créer un site avec ChatGPT, écran à l'appui
00:23 - 🌐 Pourquoi tu as besoin d'une maison en ligne
02:50 - 🧭 ChatGPT Astra (GPT-6), c'est quoi au juste ?
04:03 - 🏡 Hébergé chez ChatGPT, ou sur ton nom de domaine
04:47 - 💬 Creator Serenity : les lives, les formations, c'est gratuit
05:25 - 🛠️ Codex, l'agent de code de ChatGPT
06:46 - 📁 Choisir un projet, choisir le modèle Astra
08:38 - 🎤 Je dicte le brief de la landing page de Pierre
09:55 - ✅ Il approuve tout seul, et il se met au travail
10:23 - 🧑💻 « Il va te rendre du code ? » : ce qu'il fabrique vraiment
11:24 - 🔗 Une adresse ChatGPT, ou ton propre nom de domaine
13:11 - ☕ Tu peux partir prendre un café, il fait sa vie
13:44 - ❓ Il me pose sa question et continue en mode démo
14:29 - 👥 « Tu as une équipe de développeurs qui travaille pour toi »
15:08 - 📸 Le portrait de Pierre, généré en quelques clics
16:11 - 😮 La page s'ouvre : « c'est scandaleux »
16:41 - ✉️ Test du formulaire de contact
17:42 - 🛡️ Le service tiers proposé, et pourquoi je dis non (Brevo, OVH)
19:24 - 🔖 Le favicon, généré propre du premier coup
20:02 - 🔍 « Tu as la main sur les détails ? » : au pixel près
21:31 - 🗣️ Deuxième brief : textes plus gros, menu, soulignement jaune, cartes
23:00 - ⚡ Astra vs Claude Code : la vitesse, et passer de l'un à l'autre
24:24 - 🖼️ Ses propres skills, et les images des quatre cartes
25:04 - 🃏 Les cartes colorées et le mouvement au survol
26:45 - 🧩 Les quatre images intégrées à la page
27:47 - 🖱️ Retoucher : à la voix, ou avec une capture annotée
29:31 - 🎉 La page finale : « franchement, Pierre, tu as un joli site »
30:11 - 📄 Et les autres pages ? La même direction, en une journée
31:20 - 🎯 Ce n'est plus un problème d'exécution
32:16 - 🚀 Plus d'excuses : à toi de créer
33:01 - 📅 Live Creator Serenity le jeudi 17 septembre, 11h à 12h30
⸻
🔗 Mentionnés dans l'épisode :
🌐 La landing page de Pierre, fabriquée en direct dans l'épisode :
https://pierre-le-lien-vivant.julienb...
🎙️ La chaîne de Yoann Guez :
/ @yoannguez
🎨 L'épisode précédent, les affiches avec ChatGPT :
• 🎨 Affiches ChatGPT : arrête de culpabilise...
🛠️ Codex, l'agent de code de ChatGPT :
https://openai.com/codex/
✏️ Excalidraw, pour mes schémas (dont je parle à 02:40) :
https://excalidraw.com/
✉️ Brevo, pour les mails et la newsletter :
https://www.brevo.com/fr/
🏡 Les hébergeurs dont je parle :
https://www.ovhcloud.com/fr/ · https://www.hostinger.fr/ · https://www.ionos.fr/
⸻
📅 Prochain live Creator Serenity :
Jeudi 17 septembre 2026, de 11h à 12h30.
On héberge ensemble ta page sur ton propre nom de domaine.
💬 Rejoindre Creator Serenity, ma communauté de créateurs (c'est offert) :
https://julienbadoil.com/creator-sere...
📩 Échanger avec moi / être accompagné :
https://julienbadoil.com/
⸻
🔔 Abonne-toi et active la cloche 🔔
Un nouvel épisode chaque semaine !
⸻
🎬 https://julienbadoil.com/