Module 1 — Prendre en main Webflow et comprendre sa logique de production
- Découvrir l’interface Webflow, ses espaces de travail et les principales zones de paramétrage.
- Comprendre la logique du designer visuel et son articulation avec la structure HTML, les classes CSS et les interactions.
- Identifier les différences entre pages statiques, composants, collections CMS et contenus dynamiques.
- Repérer les réglages essentiels liés au projet, à la publication et à l’organisation générale du site.
- Adopter une méthode de travail claire pour concevoir, tester, corriger et publier des pages.
- Situer Webflow dans un écosystème de production web sans code ou low-code.
Module 2 — Structurer des pages professionnelles dans Webflow
- Construire une page à partir de sections, conteneurs, blocs, grilles et éléments de contenu.
- Comprendre les principes de hiérarchie, de composition visuelle et d’organisation de l’information.
- Utiliser correctement les balises de base : titres, paragraphes, liens, images, listes, boutons et éléments d’interface.
- Créer des mises en page lisibles, cohérentes et adaptées aux usages web actuels.
- Gérer les espacements, alignements, dimensions et comportements des éléments dans la page.
- Réaliser de courtes mises en application encadrées autour de pages vitrines ou institutionnelles.
Module 3 — Maîtriser les styles, classes et composants réutilisables
- Comprendre la logique des classes dans Webflow et leur impact sur la cohérence visuelle du site.
- Créer et organiser des styles réutilisables pour les textes, boutons, sections, cartes et composants fréquents.
- Structurer une base graphique homogène dans une logique de design system simplifié.
- Utiliser les composants pour mutualiser des éléments récurrents et faciliter les mises à jour.
- Éviter les dérives de structure ou de nommage qui fragilisent la maintenance du projet.
- Mettre en place des conventions simples pour gagner en lisibilité et en efficacité de production.
Module 4 — Concevoir des interfaces responsive et adaptées aux différents écrans
- Comprendre le fonctionnement des breakpoints dans Webflow et leur rôle dans l’adaptation responsive.
- Ajuster les mises en page, tailles, espacements et comportements selon les écrans desktop, tablette et mobile.
- Prioriser les contenus et les actions dans une logique de confort d’usage sur tous les supports.
- Repérer les erreurs fréquentes de responsive design et les corriger méthodiquement.
- Tester la cohérence visuelle et fonctionnelle des pages sur différents contextes d’affichage.
- Intégrer les bonnes pratiques de lisibilité, de navigation et de hiérarchisation mobile.
Module 5 — Gérer les contenus dynamiques avec le CMS Webflow
- Comprendre le rôle des collections CMS dans la production de contenus structurés et réutilisables.
- Créer des collections adaptées à des besoins de type actualités, projets, équipes, services, témoignages ou ressources.
- Définir les champs nécessaires à une publication claire, cohérente et durable.
- Concevoir des templates de collections pour automatiser l’affichage des contenus dynamiques.
- Relier les contenus CMS aux composants et aux pages dans une logique éditoriale maîtrisée.
- Réaliser de courtes mises en application encadrées autour de structures de contenus dynamiques courantes.
Module 6 — Intégrer les médias, les interactions et les éléments de navigation
- Importer et organiser les médias en tenant compte de la qualité d’affichage et des contraintes de performance.
- Créer des menus, liens internes, appels à l’action et parcours de navigation clairs.
- Utiliser les interactions Webflow pour enrichir l’expérience sans nuire à la lisibilité ni à l’efficacité du site.
- Animer des éléments de manière sobre et pertinente selon le contexte de communication.
- Prendre en compte les principes d’ergonomie et de confort utilisateur dans les effets visuels et les transitions.
- Contrôler la cohérence entre intention graphique, usage réel et comportement du site.
Module 7 — Appliquer les bonnes pratiques SEO, accessibilité et qualité web
- Structurer les pages avec une hiérarchie de titres cohérente et des contenus lisibles pour le web.
- Renseigner les éléments utiles au référencement naturel : titres de pages, descriptions, URL, balises et contenus pertinents.
- Améliorer l’accessibilité des interfaces : contrastes, textes alternatifs, clarté des liens, structure des contenus.
- Optimiser les médias et les pages pour limiter les impacts sur les performances.
- Repérer les erreurs courantes qui nuisent à la compréhension, à l’indexation ou à l’expérience utilisateur.
- Mettre en place une routine simple de contrôle qualité avant publication.
Module 8 — Publier, administrer et faire évoluer un site Webflow
- Comprendre les options de publication, de prévisualisation, de mise en ligne et de gestion de domaine.
- Gérer les mises à jour de contenus, de composants et de structures dans une logique de continuité.
- Identifier les points de vigilance liés à l’organisation du projet, à la maintenance et à la gouvernance éditoriale.
- Collaborer plus efficacement avec des équipes contenu, design, SEO ou des intervenants techniques.
- Prévenir les erreurs fréquentes liées aux modifications de structure, aux classes ou aux contenus dynamiques.
- Inscrire l’usage de Webflow dans une démarche durable de qualité, d’autonomie et d’amélioration continue.
