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."

Regarder la présentation en 1min

À 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.

💥 Offre spéciale :
320
€ TTC
540
TTC
-40%
Offre limitée !
🔒 Paiement sécurisé · Accès immédiat et à vie à la formation
⭐ 97% de satisfaction (moyenne sur toutes nos formations)