Formation Webflow Gratuite 2024
Découvrez comment construire un site Web professionnel de A à Z avec Webflow.
De la conception au développement, en passant par le référencement et l'accessibilité, notre formation vous guidera à travers toutes les étapes nécessaires pour créer un site web.
![Image avec un awards Webflow, image avec Thibaut, image avec le t-shirt Webflow Builder, Image de Lucas qui développe](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6658ae07bcf512e9dc86b9df_TT.webp)
Objectifs de la formation
Notre formation vous permettra de maîtriser l’outil de développement avant-gardiste Webflow.
- Connaissance de base HTML
- Connaissance de base CSS
- Passion pour Webflow
Savoir développer un projet webflow entièrement
Acquérir les compétences nécessaires pour concevoir et développer un projet Webflow complet, du concept initial à la publication finale.
Savoir optimiser un projet webflow
Apprendre à optimiser et améliorer l'efficacité d'un projet Webflow pour garantir une expérience utilisateur optimale et des performances de site maximales.
Comprendre les subtilités de l’outil
Explorer les fonctionnalités avancées de Webflow et comprendre les subtilités de cet outil puissant pour créer des sites Web professionnels et personnalisés.
Créer des relations avec la communauté
Établir des liens et des relations avec la communauté Webflow, en participant aux discussions dans le chat des lives YouTube
Ce que vous allez apprendre dans la formation Webflow
En seulement quelques lives, vous maîtriserez les fondamentaux du Web et de Webflow, et vous pourrez à créer votre propre site internet.
![Écran d'un style guide Webflow Client-First](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac8eec410ea11af2fd2_style-guide-webflow.webp)
Créer un style guide optimisé
- Comprendre l'importance d'un guide de style dans la création d'un site Web professionnel.
- Apprendre à créer et à organiser un guide de style cohérent pour votre projet Webflow.
- Explorer les meilleures pratiques pour définir la typographie, la palette de couleurs, les espacements et autres éléments de design.
- Maîtriser l'art de maintenir la cohérence visuelle tout au long de votre site grâce à un guide de style efficace.
![Écran des paramètres généraux de Webflow](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bae68243c2c84c9083ad_parametres-webflow.webp)
Configurer son Projet
- Création d’un projet à partir d’un clonable de base
- Paramétrage initial pour bien débuter son projet
- Personnalisation des paramètres en fonction des besoins spécifiques
- Comprendre les différentes options de paramètres (SEO, Publications, Intégrations, Custom code à checker en début et en fin de projet)
- Gérer les autorisations d'accès pour les collaborateurs
![Écran d'une page de Designer Webflow](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac8e7896105d7e46162_developpement-webflow.webp)
Apprendre à développer dans Webflow
- Comprendre comment construire la structure d’une page
- Apprendre à donner des styles spécifiques à des éléments
- Comprendre les différentes options de personnalisation des éléments
- Respecter les règles d’accessibilités, les bonnes pratiques SEO et d’optimisations pour le web afin d’avoir un projet structuré
![Écran du responsive en cascade de Webflow](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac9ea583fb85100c87e_responsive-webflow.webp)
Concevoir un site web Responsive
- Créer des mises en page flexibles et adaptables
- Utiliser les fonctionnalités de prévisualisation responsive pour tester et ajuster les conceptions sur différents appareils
- Appliquer des techniques de conception adaptative pour gérer les différentes résolutions d'écran
- Tester et déboguer la responsivité sur une variété d'appareils et de navigateurs
![Écran d'un style guide Client-First](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac8986c5dc386bda8a9_client-first-webflow.webp)
Utiliser le Framework Client-First
- Comprendre ce qu’est un Framework
- Comprendre ce qu’est Client-First
- Comprendre les bases de Client-First
- Apprendre à bien gérer ses styles d’espacement et de typographies
- Comprendre comment maintenir un projet sur le long-terme
![Écran du CMS de Webflow](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac8ecf3a8d8f1c3f4fc_cms-webflow.webp)
Maitriser le CMS de Webflow
- Comprendre la différence entre statique et dynamique
- Apprendre à déterminer quels éléments doivent être dynamiques ou non
- Apprendre à créer une collection et à la personnaliser (quels champs sont nécessaires)
- Apprendre à créer des items pour ses collections
- Créer des sections et pages dynamiques et connecter les éléments à des champs du CMS
- Créer des conditions de visibilité sur certains éléments
![Écran d'un composant Webflow](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac82ce8689793da5a29_composants-webflow.webp)
Maitriser les composants
- Comprendre ce qu’est un composant
- Créer des composants réutilisables
- Organiser les composants dans une page pour une accessibilité et une maintenance optimisées
- Utiliser des propriétés pour personnaliser et étendre les fonctionnalités des composants
![Écran des paramètres SEO de Webflow par page](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac83ef0b508b29151d1_seo-webflow.webp)
Optimiser son site pour le SEO
- Optimiser ses title et meta-descriptions pour une meilleure visibilité dans les moteurs de recherche
- Respecter une structure de titre cohérente
- Gérer la partie technique du SEO dans Webflow
- Optimiser les performances de ses pages
- Paramétrer un robots.txt, un sitemap, des balises canoniques
![Écran de fonctionnalités Webflow pour développer](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac9d50c6b33055b1608_fonctionnalites-avancees-webflow.webp)
Apprendre à développer plus que de simple page
- Ajouter des fonctionnalités à son projet (Filtrage, Tri)
- Ajouter des animations personnalisées
- Ajouter du code pour dépasser les limites de Webflow
- Utiliser des extensions pour optimiser son workflow de développement
- Intégrer des outils externes et publier son projet (DNS)
![Écran d'une courbe SEO Google Search Console](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/6686bac81b04553fff8fb497_suivi-traffic-webflow-site.webp)
Suivre l’évolution de son trafic
- Apprendre à intégrer des outils de suivi
- Comprendre la Google Search Console
- Déterminer et suivre les KPI essentiels
- Résoudre les problèmes d’indexation des pages
Pour qui est cette formation sur Webflow ?
La formation s'adresse aux développeurs de tous niveaux, des débutants aux experts, qui souhaitent apprendre à utiliser Webflow pour créer des sites web de manière efficace et professionnelle.
Pour tous les niveaux
Des débutants aux experts en développement web.
Pour tous les profils
Étudiants, Professionnels du marketing, Développeur, Freelances, Curieux
Pour tous les besoins
Développement pur, SEO, Accessibilité, Custom code, RGPD, Client-First
Pourquoi choisir notre Formation ?
Faites confiance à notre équipe pour vous guider efficacement dans votre parcours vers la maîtrise de Webflow. Découvrez les avantages de suivre nos live YouTube pour progresser sur Webflow.
Projets développés
Apprenez les bases de Webflow avec nos experts.
Visiteurs par mois
Obtenez des conseils et astuces pour optimiser votre site Webflow.
Avis clients
Découvrez les dernières tendances et techniques de design Webflow.
Prix
Partager des connaissances librement fait parti de l’ADN de Digidop.
La formation reste dans cette optique.
Nous avons appris Webflow par nous-mêmes
En 2021, il n’y avait que très peu de ressources pour apprendre Webflow. En français, il n’y avait même quasiment rien. Cela ne nous a pas découragé, au contraire. Notre soif d’apprentissage et de progression, nous a poussé à toujours voir plus loin.
En tant que première agence Webflow française, nous avons décidé de documenter notre apprentissage de l’outil. Nous avons toujours eu à coeur de partager nos connaissances au plus grand nombre.
![photo equipe de digidop qui travaille sur des macbook](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/666ac1812bc41bb2ead0b4a1_photo-team-digidop-work.webp)
![photo de lucas en train de développer un site web](https://cdn.prod.website-files.com/6633c01cd034c006f823adb4/666ac1872bc41bb2ead0bce9_lucas-qui-dev.webp)
Nous voulons simplifier l’apprentissage de Webflow
Depuis le début de Digidop, nous nous efforçons de créer du contenu pour qu’une personne qui a une question à propos de Webflow trouve sa réponse facilement. À travers notre blog, nos réseaux sociaux, notre chaine YouTube et les événements que nous organisons, nous avons déjà une base solide.
Mais nous ne voulons pas nous arrêter en si bon chemin. C’est pourquoi nous proposons des nouveaux formats pour que le processus d’apprentissage soit encore plus simple et plus fluide.
Nous avons appris grâce à des ressources fantastiques, à notre tour de créer des ressources fantastiques pour progresser.
Comment se former à Webflow ?
Une méthodologie testée et approuvée pour vous former à Webflow !Suivez nos conseils pratiques et nos ressources de formation pour maîtriser rapidement cet outil de conception Web.
Suivre DigidopSuivre la formation gratuite de Digidop
Apprenez les bases de Webflow, du design à la publication en ligne
Échanger avec nous
Notre formation est 100% accessible. Vous pouvez venir à n’importe quel moment et nous poser des questions dans le chat de lives pour que vous puissiez progresser
Revisionner les lives
Accédez à chacun des lives directement après leurs fin soit sur YouTube ou sur ce site web.
Tester et Apprenez (Test & Learn)
Vous ne pourrez pas progresser tant que vous ne mettez pas les mains dans le Designer. Tester des projets, trompez-vous (car oui tout le monde se trompe) et apprenez de vos erreurs.
Continuez suivre l’actualité webflow
La formation ne s’arrête pas à la fin de notre série. Chaque jour, nous avons l’occasion de progresser. Restez à jour des dernières nouveautés. Ça tombe bien notre chaine YouTube propose énormément de contenu pour devenir un vrai pro du webdesign. Nous vous réservons aussi quelques lives où nous pouvons échanger à propos de vos projets !
Les experts Webflow derrière cette formation
Rencontrez les experts passionnés qui se cachent derrière cette formation Webflow ! Bénéficiez de notre expertise pointue pour maîtriser tous les aspects de la création de site Webflow.
![Thibaut Legrand (aka Thib’z)](https://cdn.prod.website-files.com/6661e2123c02010968193a79/6662b2eb5b70d6fdb83aa403_thibaut-legrand-digidop-webflow-dev.webp)
Thibaut Legrand (aka Thib’z)
Mon parcours : Après avoir rejoint Digidop en tant que consultant SEO, je me spécialise sur le développement dans Webflow. En 2 ans, j’ai aidé de nombreux clients à être plus visibles sur le web avec leur site.
Mon Expertise : Mes compétences ne se limitent pas qu’au développement Webflow. En tant que co-traducteur de la documentation Client-First, je construit des sites internet optimisés, facilement éditables et SEO-friendly.
Mon objectif : Partager mes connaissances et mon expérience Webflow avec d’autres passionnés. Après avoir rédigé de nombreux posts, articles de blog, guide, je souhaite aider chaque personne qui souhaite monter en compétences à travers cette formation.
Les dernières vidéos de la formation Webflow
Retrouvez les derniers contenus de la formation et ne manquez pas les suivants !
La seule formation webflow complète 100% gratuite
Découvrez la seule formation Webflow complète et entièrement gratuite, accessible à tous sur YouTube ! Rejoignez-nous pour des sessions live captivantes où vous pourrez apprendre et interagir en temps réel, sans aucun coût.
Des lives pour la communauté
Chaque live est pensé pour améliorer votre compréhension de Webflow
Des lives par la communauté
Dans chaque live, vous avez la possibilité de communiquer avec le ou les intervenants si vous avez des questions, besoins ou pour partager une ressource, un avis, etc.
Accès et partage de ressources
Quelques jours après chaque live, le site est mis à jour avec des pages spéciales pour chaque étape de la formation où vous pouvez retrouver des récaps et ressources utiles
Ne manquez rien de la formation webflow
Chaque semaine, c’est l’endroit où nous nous retrouvons pour avancer dans la formation Webflow. Tous les lives sont gratuit et accessibles pour tous afin d’aider chacun à développer son potentiel.
La chaîne YouTube de Digidop contient également important de vidéos et autres lives gratuits pour la commaunuté.
Les avis sur la formation
Quelque messages de la communauté à propos des lives YouTube
FAQ sur la Formation Webflow
Découvrez les réponses à toutes vos questions sur notre Formation Webflow dans notre FAQ. Trouvez des informations utiles, des conseils pratiques et des réponses à vos interrogations pour tirer le meilleur parti de votre expérience d'apprentissage avec nous.
Questions Générales
Qu'est-ce que Webflow ?
Webflow est une plateforme de conception web qui permet de créer des sites web visuellement, sans avoir besoin de coder. Elle offre la possibilité de partir de zéro ou d'utiliser des modèles, rendant la création de sites web accessible à tous.
Qui peut bénéficier de cette Formation ?
La formation est accessible à tous. Elle est idéale pour les développeurs juniors, designers, les marketeurs, les entrepreneurs, les étudiants et toute personne souhaitant apprendre à créer des sites web professionnels.
Quels sont les avantages de Webflow ?
Webflow combine flexibilité et simplicité, permettant de contrôler finement le design et l'aspect technique des sites web. Son approche visuelle accélère le processus de conception et facilite les modifications en temps réel.
Questions Techniques
Comment fonctionne le CMS de Webflow ?
Le CMS de Webflow permet de gérer le contenu dynamiquement, en attribuant des structures de données personnalisées et facilement administrable à vos designs. Cela facilite la mise à jour et la maintenance du site, sans toucher au code.
Webflow est-il adapté pour le SEO ?
Absolument. Webflow est conçu pour être SEO-friendly, avec la possibilité de personnaliser les balises meta, les titres, et les descriptions et bien plus encore, ainsi que d'assurer une structure de site optimisée pour les moteurs de recherche.
Peut-on intégrer des fonctionnalités personnalisées ?
Oui, Webflow supporte l'intégration de fonctionnalités personnalisées grâce à l'ajout de code HTML/CSS/JavaScript ou via des intégrations tierces. Cela ouvre un large éventail de possibilités pour personnaliser votre site.
Questions sur l'Inscription
Comment fonctionne le CMS de Webflow ?
Pour s'inscrire aux lives, il suffit de vous rendre sur notre chaîne YouTube (Digidop) et de vous abonner pour recevoir les notifications des prochaines sessions. Nous recommandons également de consulter régulièrement notre site pour les mises à jour.
Y a-t-il un coût associé à la Formation ?
La formation est totalement gratuite. Notre objectif est de partager nos connaissances et de permettre à chacun d'apprendre à utiliser Webflow, sans barrière financière.
Comment accéder au contenu après les Lives ?
Les sessions Live seront disponibles en replay sur notre chaîne YouTube et vous les retrouvez également sur ce site web. Vous pourrez les regarder à votre convenance, vous permettant ainsi de ne rien manquer.
Quel matériel est nécessaire pour suivre le live ?
Pour suivre le live, vous aurez besoin d'un ordinateur ou d'un appareil mobile avec une connexion internet stable. Aucun logiciel spécifique n'est nécessaire, tout se fait via votre navigateur web.
Quels sont les prérequis nécessaires pour participer à la formation ?
Il n'y a pas de pré-requis techniques spécifiques. Une connaissance de base en conception web peut être utile (HTML et CSS), mais n'est pas obligatoire. L'essentiel est d'avoir l'envie d'apprendre et de suivre les instructions pas à pas.
Devenez un expert Webflow
Ne ratez pas l’opportunité de développer vos compétences en design et développement web