Webflow de A à Z
Apprenez à créer des sites Webflow pros de A à Z, sans coder.
Une formation ultra-complète (+35h de contenu) pour maîtriser Webflow, l’UX, le responsive, les animations, le CMS et les bonnes pratiques SEO.
Parfait pour freelances, créateurs de site et entrepreneurs en quête d’autonomie."

À propos de la formation :
Apprenez à créer des sites web professionnels sans coder grâce à Webflow, l'outil révolutionnaire du no-code. Cette formation immersive de 36 heures vous guide pas à pas, du design de base aux interactions avancées, en passant par le CMS et l'e-commerce.
🚀 Ce que vous allez apprendre :
- Créer un site Webflow responsive, esthétique et performant
- Maîtriser l’interface Designer, le style, le CMS et les interactions
- Optimiser votre site pour le SEO et publier en toute autonomie
- Construire une boutique en ligne avec Webflow eCommerce
🎯 Pour qui ?
- Designers et freelances en quête d’autonomie technique
- Entrepreneurs et créateurs de contenu
- Débutants motivés et profils en reconversion
🧰 Inclus :
- +35 heures de vidéo
- 3 cas pratiques
- 3 quiz pour valider les acquis
- Templates et exercices fournis
- Accès illimité & mises à jour
📚 Structure :
- Module 1 : Les bases du web et de Webflow
- Module 2 : Techniques intermédiaires & publication
- Module 3 : Fonctions avancées, CMS & eCommerce
Objectif :
- Être capable de créer un site Webflow complet, responsive & optimisé
- Maîtriser le CMS, les interactions, l’eCommerce et le SEO
- Gagner en autonomie pour créer des projets clients ou personnels
Public cible :
- Freelances & indépendants
- Designers en reconversion no-code
- Créateurs de site & solopreneurs
- Étudiants en UX / web design
Pré requis
- Aucun prérequis technique nécessaire
- Intérêt pour le web design ou les outils no-code
- Idéalement : une idée de projet ou un site à créer
Programme détaillé - Module 1 :
1
:
Introduction Webflow
Découvrez les bases de Webflow et lancez-vous dans la création de sites web époustouflants. Inscrivez-vous via notre lien d'affiliation pour soutenir notre parcours commun.
2
:
Chroniques du Web : L'Évolution et l'Impact de Webflow
Plongez dans l'histoire d'Internet et comprenez comment Webflow s'est imposé comme un outil révolutionnaire pour les concepteurs web.
3
:
Webflow : L'outil de prédilection pour Créateurs et Entrepreneurs
Explorez pourquoi Webflow est le choix stratégique pour les designers, entrepreneurs et acteurs du e-commerce désireux de construire des sites performants.
4
:
L'ère du No-code : Libérez votre Créativité avec Webflow
Appréhendez le mouvement No-code et comment Webflow permet de concrétiser des idées sans une ligne de code.
5
:
Webflow : De ses Débuts à la Pointe de la Technologie en 2024
Suivez le parcours de Webflow depuis sa création jusqu'à son statut actuel de leader dans l'innovation web.
6
:
Cas d'Étude : La Révolution Webflow en Action
Analysez des études de cas fascinantes démontrant la puissance et la flexibilité de Webflow dans des projets réels.
7
:
Webflow vs. Le Monde : Comparatif des Plateformes de Conception Web
Évaluez Webflow face à d'autres plateformes populaires et découvrez ses avantages distinctifs.
8
:
Premiers Pas sur Webflow : Création de Votre Compte
Commencez votre aventure Webflow en créant un compte et préparez-vous à transformer vos visions en réalité.
9
:
Construire Votre Premier Projet Webflow
Lancez-vous dans la conception de votre premier projet Webflow et découvrez la facilité de création de sites web professionnels.
10
:
Optimisez Votre Expérience Webflow avec les Abonnements
Comprenez les différents plans d'abonnement Webflow et choisissez celui qui convient le mieux à vos besoins.
11
:
Maîtrisez les Conteneurs Webflow : Les Boîtes de Contenu
Apprenez à utiliser les boîtes de contenu Webflow, un élément essentiel pour structurer vos designs web.
12
:
Fondations du Web : Les Bases du HTML
Découvrez les principes fondamentaux du HTML et comment Webflow les utilise pour structurer le contenu web.
13
:
Fondations du Web : Les Bases du CSS
Explorez les bases du CSS et comment Webflow vous permet de styliser vos sites avec précision et créativité.
14
:
Naviguer dans Webflow : Maîtrisez le Dashboard (2025)
Familiarisez-vous avec le tableau de bord de Webflow pour gérer efficacement vos projets et paramètres.
15
:
Naviguer dans Webflow : Maîtrisez le Designer (2025)
Découvrez l'interface du Designer Webflow et comment elle simplifie la création de designs web interactifs.
16
:
Naviguer dans Webflow : Maîtrisez l'Editor
Apprenez à utiliser l'Editor Webflow pour gérer le contenu et collaborer avec les clients ou les membres de l'équipe.
17
:
Naviguer dans Webflow : Maîtrisez les Paramètres de Projet
Approfondissez vos connaissances des paramètres de projet Webflow pour optimiser la performance et la sécurité de vos sites.
18
:
Unités de Mesure Web : Théorie et Pratique
Maîtrisez les différentes unités de mesure dans le web design et leur application pratique dans Webflow.
19
:
Unités de Mesure Web : Pratique
Maîtrisez les différentes unités de mesure dans le web design et leur application pratique dans Webflow.
20
:
Principes du Web : Guide Complet pour Débuter avec Webflow
Acquérez une compréhension solide des fondamentaux du web nécessaires pour exceller dans l'utilisation de Webflow.
21
:
CSS Décodé : Techniques de Positionnement avec Webflow
Démystifiez les stratégies de positionnement en CSS et apprenez à les appliquer efficacement dans vos projets Webflow.
22
:
CSS en Pratique : Diversité des Modes d'Affichage avec Webflow
Examinez les multiples modes d'affichage CSS, de Inline à Grid, et leur intégration dans l'environnement Webflow.
23
:
Flexbox en Action : Démonstration Pratique avec Webflow
Profitez d'une démonstration interactive pour maîtriser Flexbox, un outil puissant pour des mises en page responsives dans Webflow.
24
:
Grid en Action : Démonstration Pratique avec Webflow
Découvrez la puissance de Grid pour des designs structurés et explorez son application concrète dans Webflow.
25
:
Nommage Intelligent : Comment nommer ses Classes CSS dans Webflow
Apprenez les meilleures pratiques pour nommer vos classes CSS, un élément clé pour un design Webflow organisé et maintenable.
26
:
Responsive Design : Adaptabilité et Fluidité avec Webflow
Maîtrisez les principes du responsive design pour créer des sites Webflow qui s'ajustent harmonieusement à tous les écrans.
27
:
Les Fondamentaux de Webflow : Comprendre les Éléments de Base
Explorez les éléments de base de Webflow et comment les utiliser pour construire des sites robustes et élégants.
28
:
Projet Horizon : Votre Mission de Conception Webflow
Engagez-vous dans le Projet Horizon et utilisez les ressources fournies pour créer un site Webflow époustouflant.
29
:
Projet Horizon : Réalisation de Votre Premier Exercice Webflow
Mettez en pratique vos compétences en design Webflow en réalisant la première partie du Projet Horizon.
30
:
Glossaire du Web Design : Clés pour Maîtriser Webflow
Consultez le glossaire pour une compréhension approfondie des termes essentiels en web design et leur application dans Webflow.
Programme détaillé - Module 2 :
1
:
Progression vers la Maîtrise : Introduction au Module Medium
Lancez-vous dans le module intermédiaire et élevez votre compétence en design Webflow vers de nouveaux horizons créatifs.
2
:
Optimisation SEO avec Webflow : Boostez votre Présence en Ligne
Apprenez à améliorer la visibilité de vos sites Webflow grâce à des stratégies SEO efficaces et intégrées.
5
:
Conception d'une Style Guide dans Webflow : Cohérence et Efficacité
Créez un guide de style Webflow pour assurer une cohérence visuelle et accélérer le processus de design.
6
:
L'Essentiel du Code Personnalisé dans Webflow
Découvrez pourquoi et comment intégrer du code personnalisé dans vos projets Webflow pour des fonctionnalités sur mesure.
7
:
Gestion Stratégique des Composants Webflow
Apprenez à créer et gérer des composants Webflow pour une conception plus rapide et une meilleure réutilisabilité.
8
:
Initiation aux Animations Webflow : Comprendre États et Transitions
Maîtrisez les bases des animations dans Webflow pour ajouter du dynamisme et de l'interactivité à vos sites.
10
:
Enoncé Exercice n°2 | Projet Horizon
Relevez le défi du Projet Horizon en créant un site Webflow complet, en utilisant les ressources et les techniques apprises.
11
:
Projet Horizon : Défi de Conception Webflow - Partie 1
Entamez la première étape du Projet Horizon en concevant un guide de style et la page d'accueil, avec des ressources complètes à votre disposition.
13
:
Projet Horizon : Défi de Conception Webflow - Partie 3 (SEO)
Finalisez le Projet Horizon en mettant en œuvre des stratégies SEO pour optimiser la visibilité de votre site Webflow.
14
:
Publication Webflow : Domaines, Hébergement et Bonnes Pratiques
Apprenez à publier votre site Webflow avec un nom de domaine personnalisé et découvrez les meilleures pratiques d'hébergement.
15
:
CMS Webflow : Théorie et Gestion du Contenu Dynamique
Comprenez le fonctionnement du CMS Webflow et comment gérer efficacement le contenu dynamique de vos sites.
16
:
CMS Webflow : Intégration Pratique du Contenu Dynamique
Suivez une démonstration pratique pour intégrer et gérer le contenu dynamique dans vos pages Webflow.
17
:
Projet Horizon : Exercice CMS - Création d'une Expérience Web Dynamique
Lancez-vous dans un exercice pratique CMS avec le Projet Horizon et créez une expérience web dynamique et attrayante.
18
:
Projet Horizon : Exercice CMS - Finalisation et Peaufinage
Finalisez l'exercice CMS du Projet Horizon en peaufinant les détails et en appliquant des effets visuels captivants.
Programme détaillé - Module 3 :
1
:
Organisation Optimale : Convention de Nommage Client-First dans Webflow
Découvrez la convention de nommage Client-First pour une organisation et une collaboration améliorées dans vos projets Webflow.
2
:
Sitemaps et Wireframes Instantanés avec Relume IA
Apprenez à utiliser Relume IA pour générer rapidement des sitemaps et des wireframes, accélérant ainsi votre flux de travail de conception.
3
:
Conception Avancée : Maîtriser les Effets 3D dans Webflow
Explorez les possibilités des effets 3D dans Webflow et comment les appliquer pour des designs web immersifs.
4
:
Travailler Plus Efficacement : Raccourcis Clavier Webflow
Gagnez du temps et augmentez votre productivité en maîtrisant les raccourcis clavier essentiels de Webflow.
5
:
Lancement d'une Boutique en Ligne avec Webflow Ecommerce
Découvrez comment utiliser Webflow Ecommerce pour créer une boutique en ligne attrayante et fonctionnelle.
6
:
Fondamentaux de l'eCommerce : Construire et Gérer Votre Boutique Webflow
Apprenez les principes de base de l'eCommerce et comment les mettre en œuvre dans une boutique en ligne Webflow.
7
:
Création et Gestion des Pages Produit dans Webflow Ecommerce
Maîtrisez la création de pages de produits et la gestion des stocks dans Webflow pour une expérience d'eCommerce optimale.
8
:
Finalisation et Gestion de Votre Boutique Webflow
Découvrez les étapes finales pour peaufiner et gérer votre boutique Webflow, de la finalisation des pages à la gestion des commandes.
9
:
Intégration de l'Année Actuelle dans le Pied de Page Webflow
Apprenez une astuce simple pour afficher automatiquement l'année en cours dans le pied de page de votre site Webflow.
10
:
Révolution Custom Element : Élément Clé pour Votre Site Webflow
Explorez l'utilisation des éléments DOM dans Webflow pour une personnalisation avancée et une créativité sans limites.
11
:
Effet de Zoom au Défilement : Guide Pratique Webflow
Créez un effet de zoom captivant au défilement sur votre site Webflow avec ce guide pratique étape par étape.
12
:
Introduction à la Fonction Localisation de Webflow
Découvrez les bases de la fonction de localisation de Webflow et comment elle simplifie la création de sites multilingues. Une présentation rapide pour maîtriser cet outil puissant
12
:
Configuration Avancée de la Localisation dans Webflow
Apprenez à configurer la fonction de localisation de Webflow étape par étape. Optimisez votre site pour offrir une expérience fluide et adaptée à plusieurs langues.