Formation Webflow : Créer son site vitrine
Description de la formation
La formation Webflow de 3 jours est conçue pour vous initier à la création de sites vitrines et de landing pages sans aborder l'e-commerce. Vous apprendrez à manipuler Webflow pour concevoir des pages web esthétiques et fonctionnelles, en vous concentrant sur les principes fondamentaux du design et de la mise en page. À travers des exercices pratiques et des démonstrations, vous acquérez les compétences nécessaires pour créer des sites web modernes et adaptés aux mobiles, tout en explorant les outils de design de base et les techniques d'animation simples.
Pourquoi suivre cette formation Webflow ?
La formation sur Webflow est un choix stratégique pour quiconque souhaite créer des sites web modernes et optimisés sans écrire une seule ligne de code. Avec Webflow :
- Créez des sites web professionnels et personnalisés : apprenez à concevoir des sites visuellement attrayants et fonctionnels grâce à une interface intuitive qui permet de traduire vos idées en réalité sans compétences en programmation.
- Augmentez votre autonomie : soyez capable de gérer et de mettre à jour votre site de manière indépendante, essentiel pour les entrepreneurs et les petites entreprises cherchant à réduire les coûts de développement.
- Optimisez pour le référencement et la performance : Webflow génère un code propre et optimisé, garantissant que vos sites sont rapides et bien référencés par les moteurs de recherche, améliorant ainsi leur visibilité en ligne.
- Améliorez les performances techniques : profitez des fonctionnalités de Webflow pour optimiser la vitesse de chargement de vos pages grâce à la minification du code, la compression des fichiers, et l'utilisation de réseaux de distribution de contenu (CDN), assurant une expérience utilisateur fluide et engageante
À l'issue de cette formation, vous serez capable de créer et de styliser des pages web de manière autonome, en utilisant les fonctionnalités clés de Webflow pour répondre aux besoins de vos projets.
Objectifs
Cette formation vise à faciliter votre apprentissage de Webflow, en vous aidant à comprendre et à utiliser ses principales fonctionnalités à travers la pratique ! Vous obtiendrez une expertise pratique pour créer votre site vitrine ou site onepage :
- Créer un projet
- Créer une nouvelle page
- Ajouter des images dans la librairie
- Compresser les images au format WebP
- Importer une police Google Fonts
- Structurer une page web en section
- Repérer les structures d'une landing page
- Expliquer les différences entre le HTML et le CSS
- Utiliser les flexbox
- Utiliser les grid
- Créer des animations simples (apparitions, marquee)
- Utiliser le système de classe
- Créer et utiliser des variables
- Adapter le design d'une page web au format mobile (responsive design)
- Styliser les éléments d'une page (typographie, taille, couleur)
- Utiliser les blocs de design de base (titre, paragraphe, image, div)
- Utiliser les éléments d'espacement (padding, margin, width, height)
- Créer des collections
- Ajouter des éléments à vos collections
- Dynamiser vos pages avec du contenu dynamique
- Publier un site internet en ligne
Prérequis
- Utilisation courante d'internet et d'un navigateur web.
- Avoir un ordinateur portable et être à l’aise dans son utilisation
Public concerné
Tout professionnel souhaitant gagner en productivité au quotidien : développeur, freelance, designer UX/UI, Product Owner, chef de projet, RSI, professionnel en reconversion.Au programme
Alternance entre des exposés théoriques et des exercices pratiques (80 % pratique). Aucun prérequis lié à Webflow est nécessaire pour suivre cette formation. Vous serez évalués tout au long de la formation avec des exercices pratiques permettant au formateur la validation des acquis et des compétences.
Vous aurez l'opportunité de reproduire un site web déjà en ligne pour saisir en profondeur la composition d'une page web et maîtriser chaque composant vital pour le design UX/UI.
-
Découverte de l'interface et création d'un compte
-
Connaître les différents forfaits proposés
-
Identifier et comprendre les différentes sections de l'interface
-
Créer un nouveau projet
-
Paramétrer son projet
-
Utiliser les blocs de design de base
-
Introduction à HTML et CSS
-
Structurer une page web en sections
-
Importer une police Google Fonts
-
Utiliser les positionnements flexbox et grid
-
Repérer les structures d’une landing page
-
Créer et utiliser des variables
-
Utiliser le système de classe
-
Styliser les éléments d’une page (taille, couleur, typographie)
-
Créer des pages qui s’adaptent aux versions mobiles (responsive design)
-
Utiliser la partie CMS de Webflow
-
Créer des animations simples (apparition, marquee)
-
Comprendre les principes fondamentaux du design visuel
-
Introduction à l'optimisation pour les moteurs de recherche (SEO)
-
Exercices pratiques de conception de landing pages efficaces
-
Ajouter un favicon
-
Publier un site internet en ligne
-
Découverte de la marketplace
-
Découverte des modèles et des librairies
Accessibilité aux personnes handicapées
Pour tout besoin d’accessibilité, contactez Fabien UGO, référent handicap : fabien.ugo@hubicom.fr
Le formateur
Passionnés par la productivité, le développement personnel et les innovations numériques, nous avons la conviction que nous pouvons aider les dirigent(s)(es) face aux enjeux de la transition numérique au sein de notre territoire.
Prenez votre rendez-vous
Pour s'inscrire à la formation, prenez rendez-vous via le calendrier ci-dessous pour discuter de votre besoin.