Site web : Concevoir une landing page qui convertit avec l’IA
Créer son design system et concevoir une maquette UI/UX avec Claude Design.
Formation créée le 06/11/2026. Dernière mise à jour le 09/11/2026.Version du programme : 1
Type de formation
Situation de travailDurée de formation
7 heures (1 jour)Accessibilité
OuiSite web : Concevoir une landing page qui convertit avec l’IA
Créer son design system et concevoir une maquette UI/UX avec Claude Design.
Cette formation accompagne les participants dans la conception d’une landing page à l’aide de l’intelligence artificielle, depuis la préparation des éléments de marque et du contexte de travail jusqu’à la réalisation d’une maquette UI/UX. Elle s’appuie sur Claude Design pour construire un design system cohérent avec l’identité visuelle de l’entreprise et élaborer une page structurée autour des attentes de sa cible et des principes de conversion. La journée alterne apports méthodologiques, démonstrations et ateliers appliqués au projet de chaque participant. À l’issue de la formation, chaque participant dispose d’un design system et d’une maquette de landing page conçue pour être intégrée dans WordPress.
Objectifs de la formation
- Préparer un contexte structuré pour guider les productions de l’IA.
- Créer un design system conforme à la charte graphique de son entreprise avec Claude Design.
- Concevoir une maquette de landing page optimisée pour l’expérience utilisateur et la conversion.
Profil des bénéficiaires
- Dirigeants de TPE/PME, indépendants et entrepreneurs.
- Responsables et chargés de marketing, communication ou acquisition.
- Chefs de projet web souhaitant accélérer la conception de pages avec l’IA.
- Être à l’aise avec l’outil informatique et la navigation web.
- Disposer d’un abonnement Claude donnant accès à Claude Design.
- Avoir une charte graphique (logo, couleurs, polices) et 2 à 3 supports existants.
- Disposer d’un ordinateur portable et d’une connexion internet stable.
- Aucune compétence en design ou en développement n’est requise.
Contenu de la formation
Session 1 - Préparer son contexte et créer son design system
- Identifier les informations et ressources nécessaires à la production de l’IA : entreprise, cible, offre, promesse, charte graphique et contraintes.
- Rédiger un fichier Markdown de contexte (brief.md / CLAUDE.md) structuré et exploitable par l’IA.
- Importer les éléments de marque dans Claude Design et générer un design system : palette, typographies, composants et règles de mise en page.
- Vérifier la conformité du design system à la charte graphique et l’améliorer par itérations.
- Cas pratique : Rédiger le fichier Markdown de contexte de son entreprise, créer son design system dans Claude Design et le tester sur plusieurs composants.
Session 2 - Concevoir une landing page qui convertit
- Comprendre les fondamentaux UI/UX : hiérarchie visuelle, lisibilité, contraste, responsive et parcours utilisateur.
- Formuler une proposition de valeur adaptée à sa cible et identifier les éléments de réassurance pertinents.
- Structurer une landing page autour de ses sections clés : accroche, bénéfices, solution, preuves, offre, FAQ et appels à l’action.
- Générer plusieurs propositions de maquettes avec Claude Design, les comparer et les améliorer à partir du contexte et du design system.
- Concevoir une maquette simple et structurée pour faciliter son intégration ultérieure dans WordPress.
- Cas pratique : Concevoir une maquette de landing page à partir de son offre, de sa cible et de son design system, puis l’évaluer selon une grille de critères UI/UX et conversion.
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questionnaire de positionnement en amont.
- Mises en situation et cas pratiques.
- Quiz de validation des acquis.
- Formulaire d’évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Utilisation de Claude Design et des outils et interfaces du stagiaire.
- Modèles fournis : fichier Markdown de contexte, check-list de validation du design system, grille d’évaluation UI/UX et bibliothèque de prompts.
- Exposés théoriques et démonstrations.
- Études de cas concrets.
- Mise à disposition en ligne des documents supports à la suite de la formation.
- Replay de formation visio sur demande.
- Accès Extranet apprenant.
- Échanges asynchrones avec le formateur pendant 30 jours après la formation.
Qualité et satisfaction
Capacité d'accueil
Délai d'accès
Accessibilité
Si vous souhaitez nous faire part d’un déficit sensoriel, moteur ou cognitif, contactez-nous afin d’étudier les possibilités d’adaptations possibles.