Écoles · Centres de formation · Indépendants et petites équipes
Un site en ligne,
codé avec l'IA.
Le no-code a ouvert le web à ceux qui ne codent pas. Les assistants de code vont plus loin : un site rapide, propre, sans abonnement, que l'on fait évoluer en décrivant ce que l'on veut. Un module pour apprendre la méthode, du brief à la mise en ligne.
Intervenant indépendant · Présentiel ou distanciel · Adapté à votre syllabus
- Rédiger un brief que l'IA transforme en site cohérent : pages, contenus, structure
- Piloter un assistant de code sans écrire le code soi-même, et savoir relire ce qu'il produit
- Mettre en ligne sur Cloudflare Pages avec un nom de domaine, en quelques minutes
Ils m'ont confié leurs apprenants
- Rocket School
- Université Catholique de Lille
- The Academist
- LIDD
- Naias
Rocket School, Université Catholique de Lille, The Academist, LIDD, Naias
Le constat
Ce qui bloque aujourd'hui
01
Le site dépend d'un prestataire
Chaque modification coûte un ticket, un délai, une facture. Le site vieillit parce que personne n'ose y toucher.
02
Le no-code plafonne
Abonnements qui s'empilent, performance moyenne, exports impossibles, dépendance à la plateforme.
03
L'IA génère, personne ne pilote
Sans méthode, l'assistant produit du code que l'on ne comprend pas et que l'on ne sait ni corriger ni déployer.
À la fin du module
Ce que vos apprenants
sauront faire.
- 01
Rédiger un brief que l'IA transforme en site cohérent : pages, contenus, structure
- 02
Piloter un assistant de code sans écrire le code soi-même, et savoir relire ce qu'il produit
- 03
Mettre en ligne sur Cloudflare Pages avec un nom de domaine, en quelques minutes
- 04
Faire évoluer le site en décrivant les changements, avec un historique de versions
- 05
Poser les bases SEO, accessibilité et performance dès le premier jour
Programme
Des pistes de modules,
pas un catalogue figé.
Chaque piste se réorganise selon votre syllabus, vos projets et le niveau réel du groupe. Le déroulé final se construit avec vous.
01
Brief et architecture
Cible, promesse, pages, parcours. Ce que l'IA a besoin de savoir avant de produire quoi que ce soit.
Notion, FigJam
02
Design rapide
Direction artistique, typographies, couleurs, composants. Un système léger décrit en mots et en références.
Figma, Figma Make
03
Génération avec un assistant de code
Claude Code ou Codex : structurer la demande, itérer page par page, corriger, refuser ce qui est faux.
Claude Code, Codex, Astro
04
Contenus et blog
Pages en Markdown, articles, images, données structurées. Un contenu que l'on modifie sans casser le site.
Markdown, Astro
05
Mise en ligne
GitHub, Cloudflare Pages, nom de domaine, HTTPS. Le circuit complet, reproductible en dix minutes.
GitHub, Cloudflare
06
Formulaire et automatisation
Un formulaire qui alimente une base et envoie une notification, via un workflow d'automatisation.
n8n, Notion
07
SEO, accessibilité, mesure
Balises, sitemap, schema.org, contraste, consentement et analytics. Vérifier avec les outils gratuits.
Search Console, Lighthouse, GTM
Formats
Du workshop
au semestre.
- Module intégré à un cursus web, communication ou entrepreneuriat
- Bootcamp : chaque participant met son site en ligne en fin de session
- Workshop d'une journée : de zéro à un site déployé
- Accompagnement d'une équipe sur son propre site
Aucune grille tarifaire publique : la proposition dépend du volume, de la préparation et du contexte. Elle arrive après un premier échange.
L'approche
Un intervenant T-shaped : ce module s'inscrit dans une vision plus large.
Pourquoi moi
Trois raisons
de m'appeler.
Ce site est le cas d'étude
Astro, Tailwind, Claude Code, Cloudflare Pages, n8n : exactement la méthode enseignée, que vous pouvez inspecter.
Design et code dans la même tête
UX/UI pratiqué depuis 2016, Webflow et no-code enseignés depuis 2020, assistants de code au quotidien.
Un résultat en fin de session
Le format bootcamp se termine avec un site en ligne par participant, pas avec une présentation.
Ils l'ont vécu
Ce que les apprenants
en disent.
Doté d'une vision lucide et nuancée de l'UX, que ce soit dans le parcours d'achat ou post-achat, Warren transpire l'expérience qu'il sait transmettre avec modestie et humilité. Sa bienveillance est un atout qui rend l'interaction agréable. Quelque part, échanger avec Warren est déjà une expérience utilisateur de haute volée.
Warren nous a transmis ce qu'est le métier d'UX avec passion et pédagogie, et des exemples concrets de cas clients. Le cours était très enrichissant, je repars avec un guide pour mettre en place des choses dans mon poste de responsable marketing en start-up. Merci à toi !
Questions fréquentes
Avant de
m'écrire.
Faut-il des bases en HTML ou CSS ?
Non pour suivre, oui pour aller plus loin. Le module donne les repères pour relire ce que l'IA produit. Ceux qui ont des bases progressent plus vite, ceux qui n'en ont pas repartent avec un site et l'envie d'apprendre.
Quels outils et quels coûts ?
Astro et GitHub sont gratuits, Cloudflare Pages aussi pour ce type de site. Les assistants de code ont un abonnement ou une facturation à l'usage, avec des essais gratuits suffisants pour la session.
Pourquoi pas Webflow ?
Webflow reste excellent, je l'enseigne aussi. Le site codé avec l'IA convient quand on veut la performance, l'absence d'abonnement, et la liberté de tout modifier. Le module aide à choisir.
Et pour une école, quel livrable ?
Chaque étudiant met en ligne un site personnel ou de projet, avec un dépôt Git et un historique. C'est un portfolio et une preuve de compétence.
Commençons
Parlons de votre projet de module.
École, équipe ou indépendant : décrivez le contexte en quelques lignes. Réponse sous 48 h ouvrées.