Webflow
Construisez des sites web dynamiques grâce à notre formation Webflow de 3 jours !
Vue d'ensemble
Connaissance de base des principes du design web, familiarité avec Mac ou PC.
Objectifs pédagogiques
Programme détaillé
Découverte de Webflow
Fonctionnalités et avantages
Environnement de travail de base de Webflow
Gestion des projets et organisation des travaux
Configuration de base et gestion des comptes
Notions d’UX, d’UI, et d’IxD
Notions importantes : SEO, Responsive Design, ergonomie
Création d’un compte sur Webflow
Analyse d’un site existant pour comprendre les aspects UX, UI et IxD
Conception d’une maquette de page responsive pour différents appareils
Interface de Webflow
Interface utilisateur et navigation
Panneaux et outils de design
Personnalisation des espaces de travail et des raccourcis
Modes de vue et prévisualisation
Bibliothèques et modèles
Conception d’une maquette de site web avec les outils de design de Webflow
Création et utilisation de modèles pour différents types de projets
Personnalisation de l’interface utilisateur pour une meilleure productivité
Structure d'une page web
Bonnes pratiques de design pour une page d’accueil
Structure basique de page
Étude typographique et sémantique
Étude des Call-to-action
Gestion des médias
Animations et effets parallax
Optimisation de la navigation et de l’expérience utilisateur
Formulaires interactifs
Techniques avancées de design responsif
Conception d’une page d’accueil avec un design attrayant et une navigation fluide
Structuration d’une page et implémentation des call-to-action
Gestion et intégration de médias, d’animations et d’effets parallax
Création de votre premier site web
Création d’un projet Webflow de base
Mise en place de la structure du site
Gestion des pages et des sections principales
Ajout et édition des éléments de base : texte, images, liens
Interactions et animations simples
Création d’un site web simple et gestion des pages
Réactivité du site
Principes du design responsive
Ajustement pour une compatibilité multi-appareils
Réactivité du pied de page
Animation du menu au défilement
Ajout d’interaction
Mises en page flexibles et adaptables
Gestion des interactions spécifiques à chaque appareil
Animation du menu lors du défilement pour une navigation fluide
Création de mises en page flexibles s’adaptant à différentes tailles d’écrans
Optimisation
Performances du site
Maximiser la vitesse de chargement
Gestion et réduction de la taille des fichiers pour une meilleure efficacité
Utilisation des meilleures pratiques pour une accessibilité optimale
Fonctionnement du référencement Google
Structuration du menu principal
Méthodologie des contenus textuels
Utilisation et optimisation des médias
Stratégies de mots-clés
Techniques de copywriting
Rédaction de contenus optimisés avec des mots-clés pertinents et en suivant les stratégies SEO pour améliorer le référencement
Webflow CMS (Content Management System)
Définition et avantage d’un CMS
Collections et types de contenu
Structure du CMS
Page d’accueil de CMS
Création de collections et de champs personnalisés
Utilisation des collections pour dynamiser le contenu du site
Filtres et options d’affichage
Utilisation du Webflow CMS pour le site web
Publication et paramétrage du site sur le Web
Processus de publication : hébergement et domaines
Gestion des mises à jour, des sauvegardes et des plans de reprise après sinistre
Sécurisation du site : SSL, authentification, et protection contre les menaces
Outils analytiques pour le suivi des performances en ligne
Paramétrage avancé : gestion des données utilisateurs, politiques de confidentialité, notifications et alertes de sécurité
Suivi des performances du site en utilisant des outils d’analyse pour améliorer la qualité et l’expérience utilisateur
Configuration et intégration d’outils analytiques comme Google Analytics pour le suivi du trafic et des performances
Prochaines sessions
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement