Webflow
Formation Webflow: Créez ton site sans avoir à coder
Apprenez à créer un site unique, moderne et performant sans écrire une ligne de code avec notre formation Webflow. Pensée pour les freelances, entrepreneurs, et les "digital lover", elle vous donne toutes les clés pour maîtriser l’outil et construire un site au pixel près, sans dépendre d’un développeur.
Programme complet de la formation
Webflow - Introduction
Ce que vous allez apprendre dans ce chapitre
Ce premier chapitre vous pose le décor. Je vous explique pourquoi j’ai créé cette formation, en quoi Webflow a changé ma façon de travailler — et pourquoi c’est probablement l’outil no-code le plus puissant du marché aujourd’hui. On revient aussi sur ce qu’est le no-code, ses avantages concrets, et pourquoi Webflow se démarque des autres outils.
L’objectif est simple : vous donner une vision claire de ce que vous allez apprendre, à qui s’adresse ce programme, et surtout, comment l’utiliser concrètement dans votre quotidien d’entrepreneur, freelance ou créateur de projet.
Modules inclus dans ce chapitre
- Webflow : Présentation de la formation et du formateur — 01:48
- Les avantages du no-code — 02:13
- Pourquoi Webflow et pas un autre outil no-code ? — 03:17
- Webflow : Que va-t-on voir dans cette formation ? — 04:33
Bien débuter sur Webflow
Ce que vous allez apprendre dans ce chapitre
Ce premier chapitre pose les fondations de votre formation Webflow.
Si vous découvrez l’outil, c’est ici que tout commence : vous allez vous familiariser avec l’interface, comprendre comment fonctionne l’organisation des pages, et apprendre les premières bases du responsive design.
On vous explique également les unités de mesure CSS essentielles à connaître, ainsi que le panneau de style de Webflow, qui vous permet de modifier visuellement la mise en page, les couleurs, les polices, les espacements… sans écrire une ligne de code.
Et pour aller encore plus loin, ce chapitre se termine par une première initiation au panneau d’animation, qui vous permet d’apporter du dynamisme à vos futures pages.
Ce chapitre est court, mais structurant : à la fin, vous serez capable de naviguer dans Webflow en toute autonomie, et prêt à créer vos premières pages avec des bases solides.
Modules inclus dans ce chapitre
- Présentation de l’interface Webflow — 05:01
- Le système de page — 05:53
- Le responsive — 05:48
- Les unités de mesure CSS — 05:49
- Le panneau CSS — 15:48
- Le panneau d’animation — 06:31
Créer une landing page
Ce que vous allez apprendre dans ce chapitre
Dans ce deuxième chapitre de la formation Webflow, vous allez apprendre à concevoir une landing page claire, structurée et efficace, pensée pour la conversion.
À partir d’un exemple concret — la marque fictive “Can’ndy” — vous verrez comment construire chaque section d’une landing page moderne : barre de navigation, section de call-to-action (CTA), bloc de bénéfices, présentation produit, section “ingrédients” et zone “hero” en haut de page.
Ce chapitre met l’accent sur la logique de construction d’une page qui capte l’attention, transmet un message clair et pousse à l’action. Vous verrez comment hiérarchiser les contenus, ajuster les marges, travailler le responsive et créer des sections professionnelles sans perdre de temps.
C’est le chapitre idéal pour apprendre à transformer une idée en une page concrète, visuelle, et bien pensée.
Modules inclus dans ce chapitre
- Présentation du site Can’ndy — 02:40
- Can’ndy : Barre de navigation — 12:52
- Can’ndy : CTA section — 18:35
- Can’ndy : Bénéfices section — 16:13
- Can’ndy : Ingrédients section — 17:09
- Can’ndy : Hero section — 11:24
- Can’ndy : Barre de navigation (deuxième partie) — 02:28
- Can’ndy : Le responsive — 09:11
Aller plus loin dans Webflow
Ce que vous allez apprendre dans ce chapitre
Ce chapitre marque une étape importante dans votre formation Webflow : on quitte les bases pour aborder des notions plus avancées, essentielles si vous souhaitez créer des sites vraiment bien structurés et faciles à faire évoluer.
Vous allez découvrir comment fonctionnent les bases de données (CMS) dans Webflow, comment créer des contenus dynamiques, et les relier à vos pages. Vous apprendrez également à utiliser les variables pour gagner du temps dans la gestion des couleurs ou des tailles, et à maîtriser le système de classes, fondamental pour maintenir un design propre et cohérent.
Enfin, vous verrez comment créer une page style guide, qui centralise tous vos éléments de design, et comment réfléchir à l’architecture globale d’un site Webflow professionnel.
Ce chapitre est court mais ultra stratégique : il vous donne les bons réflexes pour construire des sites puissants, évolutifs, et propres techniquement.
Modules inclus dans ce chapitre
- Les bases de données — 06:46
- Les variables — 02:25
- Le système de class — 03:52
- La page style guide — 11:46
- L’architecture d’une page — 08:51
Créer un site vitrine
Ce que vous allez apprendre dans ce chapitre
Ce chapitre est le plus complet de la formation Webflow, et pour cause : il vous guide pas à pas dans la création d’un site vitrine professionnel, moderne, et totalement responsive.
À travers l’exemple concret du site de l’agence “JEF”, vous allez apprendre à concevoir chaque section d’un site structuré et pensé pour convertir.
Vous commencerez par définir le style global du site via la page style guide, puis vous construirez chaque section : navbar, hero section, présentation des services, témoignages, bénéfices, CTA, footer…
Ce chapitre vous apprend aussi à structurer vos pages pour qu’elles soient lisibles, engageantes et cohérentes avec votre identité.
Enfin, vous apprendrez à gérer la responsivité de vos pages (ordinateur, tablette, mobile), à gérer plusieurs types de pages (accueil, agence, services), et à construire un site fluide, solide et élégant.
Modules inclus dans ce chapitre
- JEF : Présentation du site — 03:24
- JEF : Paramétrer la style guide — 17:02
- JEF : Navbar — 14:00
- JEF : Hero section — 08:12
- JEF : Clients section — 05:29
- JEF : Services section — 24:59
- JEF : Testimony section — 17:07
- JEF : Benefits section — 18:38
- JEF : CTA section — 09:18
- JEF : FAQ section — 15:16
- JEF : Footer — 09:32
- JEF : Responsive home page — 16:16
- JEF : Founder section — 10:54
- JEF : Story section — 07:45
- JEF : Services agency section — 09:16
- JEF : Responsive agency page — 04:40
- JEF : Signature section — 07:15
- JEF : Perimeter section — 14:30
- JEF : How section — 10:26
- JEF : Responsive service page — 10:18
Créer un blog
Ce que vous allez apprendre dans ce chapitre
Dans ce chapitre de la formation Webflow, vous allez apprendre à créer un blog complet, structuré autour d’une base de données dynamique.
Vous commencerez par poser les fondations techniques en créant la collection CMS pour vos articles de blog. Ensuite, vous construirez la page principale de votre blog (celle qui liste les articles), puis vous apprendrez à créer les pages dynamiques pour chaque article publié. Ces pages se génèrent automatiquement à partir du contenu de votre base, ce qui vous permet de gagner un temps précieux tout en gardant un design 100 % personnalisé.
Ce chapitre est essentiel si vous souhaitez publier du contenu régulièrement sur votre site Webflow, tout en gardant la main sur le design, le SEO et l’expérience utilisateur.
Modules inclus dans ce chapitre
- Blog : Présentation du site — 01:47
- Blog : Créer les bases de données — 11:05
- Blog : Création de la page principale — 27:01
- Blog : Les pages dynamiques — 20:00
Créer une marketplace
Ce que vous allez apprendre dans ce chapitre
Dans ce chapitre de la formation Webflow, vous allez apprendre à créer une marketplace moderne et dynamique, avec une interface originale et des fonctionnalités avancées.
À partir de l’exemple de notre propre plateforme Digitools Room, vous allez voir comment concevoir une barre de navigation verticale, créer des sections personnalisées comme un hero section, une section Match Freelances, ou encore une page de vente pour une formation. Vous apprendrez également à mettre en place un système de commentaires, à construire un élément tab interactif, et à intégrer une animation de défilement infini, idéale pour faire défiler des éléments visuels comme des logos ou des avis clients.
Et quand Webflow atteint ses limites ? Pas de souci. Dans ce chapitre, vous verrez aussi comment ajouter du code personnalisé pour débloquer des fonctionnalités que l’outil ne propose pas nativement.
L’objectif : vous rendre capable de créer une plateforme sur mesure, complète et ultra-fonctionnelle.
Modules inclus dans ce chapitre
- Marketplace : Présentation de la plateforme — 07:50
- Marketplace : Barre de navigation verticale — 11:56
- Marketplace : Hero section (bonus) — 17:25
- Marketplace : Section Match Freelances (bonus) — 15:32
- Marketplace : Créer un élément TAB (bonus) — 26:29
- Marketplace : Page de vente formation — 17:49
- Marketplace : Système de commentaires — 27:55
- Marketplace : Animation de défilement infini — 18:43
La mise en ligne du site
Ce que vous allez apprendre dans ce chapitre
C’est la dernière étape de votre formation Webflow : celle où vous allez passer de la maquette au site publié.
Dans ce chapitre, vous découvrirez les étapes indispensables pour mettre votre site en ligne dans les règles de l’art.
Vous apprendrez à ajouter une bannière de cookies (obligatoire pour être conforme au RGPD), à configurer les paramètres du site (nom de domaine, favicon, SEO de base, etc.), et à ouvrir un accès éditeur pour vos clients ou collaborateurs.
Ces dernières manipulations peuvent sembler techniques, mais elles sont essentielles pour livrer un site réellement prêt à être utilisé, modifié, et référencé correctement.
À la fin de ce chapitre, vous serez capable de finaliser votre site en toute autonomie, sans rien oublier de crucial.
Modules inclus dans ce chapitre
- Ajouter des cookies — 10:29
- Paramétrage du site — 06:20
- Accès compte éditeur — 02:29
Mettre un site en ligne
Créer une plateforme e-commerce
Créer des bases de données
Créer un site vitrine
Créer une landing page
Le design système
Les bases Webflow
Dans le monde d'aujourd'hui, la présence en ligne est indispensable pour toute entreprise souhaitant se développer et rester compétitive. Un site web n'est pas seulement une vitrine pour votre entreprise ; il est le cœur de votre stratégie marketing, votre porte d'entrée vers des opportunités illimitées de croissance et de connexion avec votre public cible. Un site web bien conçu et fonctionnel peut transformer des visiteurs en clients, élargir votre portée et augmenter significativement vos revenus. Cependant, dépendre entièrement de développeurs pour les mises à jour ou modifications peut devenir une source majeure de frustration, avec des coûts qui s'accumulent rapidement.
Vous avez sûrement déjà entendu dans votre entourage des phrases telles que :
- "J'ai fait faire un site qui m'a coûté cher et j'en suis pas satisfait"
- "J'ai dû attendre des semaines pour une simple mise à jour."
- "Le développeur n'a jamais vraiment compris ce que je voulais."
Ces expériences soulignent l'importance de pouvoir intervenir directement sur votre propre site, sans dépendre constamment d'intermédiaires.
Avantages de la formation Webflow
Notre formation Webflow vous offre la liberté de créer, gérer et optimiser votre site web sans dépendre de personne d'autre. Voici ce que vous gagnez en vous inscrivant :
- Coût Réduit : Fini les factures élevées pour le développement et la maintenance de votre site. Apprenez à le faire vous-même avec Webflow.
- Contrôle Complet : Mettez à jour votre site quand vous le voulez, comment vous le voulez, sans attendre quelqu'un d'autre.
- Capacités de Personnalisation : Maîtrisez le design et la fonctionnalité de votre site pour qu'il réponde parfaitement à vos besoins et à ceux de vos clients.
- Rapidité de Mise en Marché : Lancez des produits ou services et testez des idées rapidement sans être retardé par des contraintes de développement.
- Autonomie Technologique : Gagnez en confiance et en compétences techniques, ce qui réduit votre dépendance à l'égard des développeurs externes.
Contenu de la formation
- 1. Bien débuter sur Webflow : Apprenez les bases et configurez votre premier projet.
- 2. Créer une landing page : Techniques pour concevoir des pages qui convertissent les visiteurs en leads et clients.
- 3. Aller plus loin dans Webflow : Approfondissez votre connaissance de l'outil pour exploiter tout son potentiel.
- 4. Créer un site vitrine : Développez un site qui représente parfaitement votre marque et attire les clients.
- 5. Créer une marketplace : Configurez une plateforme de commerce en ligne intégrée.
- 6. Créer un blog : Engagez votre audience avec du contenu régulier et optimisé.
- 7. Les étapes avant de mettre en ligne : Assurez-vous que tout est prêt pour un lancement sans faille.
A qui s’adresse cette formation ?
Entrepreneurs
Freelances
Marketeurs
Étudiants
Startups
Passionnés de technologie
Formation assez complète, par contre il manque quelques ressources pour refaire les sites.
Le formateur est vraiment pédagogue c'est cool merci !
Très bonne formation, ultra complète !
Dommage qu'il n'y ait pas la possibilité d'échanger avec d'autres participants ou bien même le formateur. Il y a une section que je n'ai pas réussi à reproduire, de l'aide aurait été bienvenue. Sinon la formation est top !
Je serai votre mentor
Ma première entreprise, c’était un média d’actualité. À l’époque, j’avais besoin d’un site internet et d’une application mobile pour lancer le projet. On a trouvé un développeur qui semblait sérieux… on l’a payé 18 000 euros. Pendant des mois, il nous a fait attendre, promettant des livraisons qui n’arrivaient jamais. Jusqu’au jour où il a tout simplement cessé de répondre. Rien n’a été livré.
Cette expérience m’a marqué. Elle a mis en danger mon projet, et surtout, elle m’a appris une leçon précieuse : je ne voulais plus jamais dépendre de qui que ce soit pour créer ou gérer mes outils digitaux.
Quelques années plus tard, quand j’ai lancé mon agence de communication, j’ai pu concevoir le site moi-même avec Webflow. Depuis, cette compétence est devenue un atout majeur : pour mon activité, mes projets persos, mais aussi pour les clients de l’agence.
Avec cette formation, je vous partage tout ce que j’ai appris : pour que vous aussi, vous puissiez créer des sites pros, indépendamment, sans code — et avec méthode.
Quand on lance un projet, le temps et l’argent sont deux ressources qu’on ne peut pas se permettre de gaspiller. Webflow m’a permis de créer des MVP rapidement, de tester des idées sans dépendre d’un développeur, et surtout… de ne plus attendre des semaines (ou des mois) pour avancer.
En tant qu’entrepreneur, cette autonomie a été un vrai tournant. J’ai gagné en flexibilité, réduit drastiquement mes coûts, et pu concentrer mes efforts sur ce qui compte vraiment : le produit, l’audience, et la conversion.
Mais ça ne s’arrête pas là. Grâce à Webflow, j’ai aussi appris à penser mes sites de façon stratégique : UX, UI, SEO, tunnel de conversion… Tout ce qui fait qu’un site n’est pas juste beau, mais qu’il fonctionne. Et aujourd’hui, je propose cette compétence à mes clients via mon agence.
Cette formation, c’est exactement ça : un condensé de tout ce que j’ai appris, appliqué, et monétisé. Pour que vous puissiez, vous aussi, créer des sites qui font avancer vos projets.
Dans cette vidéo, Jean Sultan, expert en digital et cofondateur d’une agence de communication et marketing digital, partage ici toute son expérience du terrain. Fort de 4 ans d'accompagnement auprès de clients variés (entrepreneurs, PME, startups), il a développé une méthode simple et efficace pour créer des sites Webflow performants, sans dépendre d’un développeur. Cette formation Webflow s’adresse aux entrepreneurs, freelances ou porteurs de projet qui souhaitent créer un site vitrine, une landing page ou un site complet de manière autonome. Vous apprendrez à utiliser un des outils no-code les plus puissants du marché, à maîtriser l’interface Webflow et à construire des sites optimisés pour le SEO, le design responsive et la conversion. L’objectif : vous rendre totalement indépendant dans la création et la gestion de votre site internet.
FAQ
Qu’est-ce que Webflow et à quoi ça sert ?
Webflow est un outil qui permet de créer des sites web professionnels sans coder.C’est bien plus qu’un simple “éditeur de site” : tu peux concevoir ton design pixel perfect, créer des animations, gérer un CMS, intégrer du SEO, et mettre en ligne ton site — tout ça dans un seul outil, avec une vraie liberté créative.C’est aujourd’hui l’un des outils les plus puissants et les plus utilisés dans le monde du no-code.
Pourquoi se former à Webflow en 2025 ?
Parce que Webflow est en train de devenir la référence pour créer des sites performants, modernes, et sur-mesure — sans dépendre d’un développeur.
Que tu sois entrepreneur, freelance, ou créateur de contenu, maîtriser Webflow te permet de :
- Créer ton site sans attendre ni déléguer
- Avoir un rendu pro, rapide et responsive
- Modifier ton site toi-même, sans coder
- Et même vendre ce savoir-faire si tu veux le proposer à des clients
Se former à Webflow, c’est gagner en autonomie, en rapidité, et en qualité.
Est-ce que c’est uniquement du Webflow, ou il y a d’autres notions abordées ?
Tu vas bien sûr apprendre Webflow en profondeur, mais aussi plein de choses utiles autour :
- Comment penser l’architecture d’un site
- Comment créer une page qui convertit
- Comment structurer un blog optimisé SEO
- Comment organiser son design (style guide, variables, classes…)
Bref, tu n’apprends pas seulement un outil. Tu apprends à créer de vrais sites professionnels, avec une vraie logique business.
Est-ce que je vais vraiment savoir créer un site à la fin ?
Oui, et pas qu’un seul.
La formation te permet de créer différents types de sites :
- Une landing page efficace
- Un site vitrine professionnel
- Un blog complet avec CMS
- Une marketplace avec filtres dynamiques
Et surtout, tu vas apprendre à mettre ton site en ligne, le connecter à un nom de domaine, et maîtriser les bases du design, de la structure, et de l’expérience utilisateur.
La formation Webflow est-elle adaptée aux débutants ?
Oui, entièrement.
Tu peux commencer cette formation sans aucune connaissance technique. Le premier chapitre est là pour te prendre par la main et te montrer les bases de Webflow, pas à pas.Même si tu n’as jamais créé un site de ta vie, tu vas comprendre, progresser, et surtout : créer ton propre site en toute autonomie.
La formation est-elle mise à jour régulièrement ?
Oui.
Webflow évolue, et nous aussi. À chaque mise à jour importante de l’outil, on adapte la formation pour que tu sois toujours à jour.Tu ne suis pas un vieux tuto enregistré il y a 3 ans. Tu suis une formation vivante et actuelle.