Formation CMS Webflow

Webflow permet aux designers de transformer leurs maquettes en sites web responsifs, performants et administrables, sans écrire de code. Cette formation couvre la structure, le design, les composants, le CMS, les interactions, le référencement et la publication, avec les outils d’IA de la plateforme. Aucune compétence en code n’est requise ; la formation convient particulièrement aux designers.

Objectifs :
• Comprendre la logique de Webflow et son lien avec Figma.
• Structurer un site avec sections, conteneurs, grilles et Flexbox.
• Créer un système de styles, de variables et de composants réutilisables.
• Construire des contenus dynamiques avec le CMS.
• Concevoir des interactions et des animations.
• Optimiser le référencement, respecter le RGPD et publier son site.

Découvrir Webflow
• Approche sans code et communauté ; Webflow University
• Du design Figma au site Webflow
• Offres, hébergement et nom de domaine
• Tour de l’interface : panneaux Styles, Navigator, Pages, CMS

Débuter un projet
• Création d’un projet à partir d’un modèle ou de zéro
• Éléments de base : sections, blocs, conteneurs
• Paramètres du projet et points de rupture

Architecture du site
• En-tête, corps, pied de page
• Grilles CSS, Flexbox, classes et réutilisation des styles
• Pages statiques et collections du CMS ; relations entre collections
• Navigation, liens dynamiques et ancres

Design
• Styles globaux et variables : couleurs, typographies, espacements
• Composants réutilisables et propriétés
• Polices personnalisées et gestion des ressources
• Maquettes responsives mobile, tablette, ordinateur

Interactions et médias
• Interactions au défilement, au clic et au survol ; animations avancées
• Images optimisées, vidéos, animations Lottie

Référencement
• Balises meta, titres, textes alternatifs, URL et redirections
• Performances et accessibilité
• Visibilité dans les moteurs de réponse IA

Aller plus loin
• Formulaires et automatisation (Zapier, Make)
• RGPD : bannière cookies, politique de confidentialité, mentions légales
• Applications, intégrations et introduction au e-commerce
• Sites multilingues : principes

Publication
• Prévisualisation, validation et publication ; export du code
• Gestion des versions et sauvegardes ; rôles et accès des clients

Ouverture aux outils d’IA
• Assistant d’IA de Webflow : générer des sections, du contenu et des styles
• Garder la cohérence de marque et vérifier les contenus