Le design de votre site avec Claude

Une page de site au design soigné, sur ordinateur et sur téléphone, dessinée avec Claude dans la conversation, et en ligne le jour même.

Pour qui ? Pour qui veut un site soigné sans passer par un graphiste et sans rien installer, avec la formule gratuite de Claude.

• Choisir avec Claude un style, des couleurs et des polices qui vont avec votre activité.
• Construire une page propre, de l’ordinateur au téléphone.
• La faire relire avant de la mettre en ligne.

Le programme

6 modules, 1 h 15 en tout, vidéos à venir. Le premier se regarde sans payer.

1. 1Ce qui fait un beau site, et ce qui fait « fait par une IA »Extrait libreTrois sites que vous aimez, regardés ensemble : la place laissée vide, les couleurs, la taille des textes. Puis les réflexes qui font reconnaître une page faite par une IA, montrés sur des exemples. Pour vous : vous savez dire ce que vous voulez avant de le demander.Exercice : Notez trois sites dont vous aimez le design, et pourquoi.9 min
2. 2La feuille où Claude dessineLa zone à côté de la conversation où Claude construit la page et la montre tout de suite. Dans votre outil : « Artefacts » dans Claude (avec l’exécution de code et la création de fichiers activées), « Canvas » dans Gemini ; ChatGPT n’a plus de canvas dans ses modèles récents. Pour vous : vous voyez la page se construire, sans rien installer.Exercice : Activez les artefacts dans les réglages de Claude et demandez une page d’essai.12 min
3. 3Une page d’accueil de bout en boutVotre activité décrite en quelques phrases, trois directions de style demandées à Claude (couleurs, polices, ambiance), une choisie, puis la page construite avec vos vrais textes et la place de vos photos prévue. Pour vous : une page qui vous ressemble, pas un modèle vu partout.Exercice : Construisez votre page d’accueil.18 min
4. 4La faire relireClaude relit sa propre page avec une liste simple : textes lisibles, contrastes suffisants, espaces réguliers, réflexes « fait par une IA » retirés ; on applique trois corrections. Pour vous : une page plus propre, sans être graphiste.Exercice : Faites une relecture et appliquez trois corrections.14 min
5. 5Le téléphone d’abordLa page regardée sur un téléphone puis sur un grand écran, la taille des textes et des boutons corrigée en le demandant à Claude. Pour vous : la page reste lisible sur le téléphone de vos visiteurs.Exercice : Ouvrez votre page sur votre téléphone et corrigez ce qui gêne.11 min
6. 6La mettre en ligneLa page téléchargée, rangée dans un dossier avec vos photos, puis glissée sur Netlify Drop (gratuit) ; l’adresse partagée. Le pas à pas complet est dans la formation « Une page en ligne le soir même ». Pour vous : une adresse à envoyer le soir même.Exercice : Mettez la page en ligne et envoyez l’adresse à un proche.11 min