Formation Webflow : Créer son site vitrine

hubicom-logo-webflow
3 jours de formation en présentiel (21h)
1800 € HT / personne
De 1 à 4 personnes par session

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.

  1. list icon

    Découverte de l'interface et création d'un compte

  2. list icon

    Connaître les différents forfaits proposés 

  3. list icon

    Identifier et comprendre les différentes sections de l'interface

  4. list icon

    Créer un nouveau projet

  5. list icon

    Paramétrer son projet

  6. list icon
    Utiliser les blocs de design de base
  7. list icon
    Introduction à HTML et CSS
  8. list icon
    Structurer une page web en sections
  1. list icon
    Importer une police Google Fonts
  2. list icon
    Utiliser les positionnements flexbox et grid
  3. list icon
    Repérer les structures d’une landing page
  4. list icon
    Créer et utiliser des variables
  5. list icon
    Utiliser le système de classe
  6. list icon

    Styliser les éléments d’une page (taille, couleur, typographie)

  7. list icon

    Créer des pages qui s’adaptent aux versions mobiles (responsive design)

  8. list icon

    Utiliser la partie CMS de Webflow

  1. list icon
    Créer des animations simples (apparition, marquee)
  2. list icon
    Comprendre les principes fondamentaux du design visuel
  3. list icon

    Introduction à l'optimisation pour les moteurs de recherche (SEO)

  4. list icon

    Exercices pratiques de conception de landing pages efficaces

  5. list icon

    Ajouter un favicon

  6. list icon

    Publier un site internet en ligne

  7. list icon

    Découverte de la marketplace

  8. list icon

    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.

Fabien Ugo

Expert du Digital

Spécialiste en stratégie de transformation digitale, je vous accompagne dans l'apprentissage des outils digitaux.

Prenez votre rendez-vous

Pour s'inscrire à la formation, prenez rendez-vous via le calendrier ci-dessous pour discuter de votre besoin.