Créer votre site avec Webflow – Niveau intermédiaire à avancé (5 jours)

Perfectionnez vos compétences Webflow en créant des sites dynamiques avec CMS, animations sur mesure et intégrations tierces. Optimisez vos projets pour le SEO et les performances grâce à des ateliers pratiques et un projet final complet.

Objectif 

Cette formation vise à approfondir les connaissances des participants sur Webflow, en leur permettant de créer des sites web complexes, dynamiques, et hautement optimisés, tout en explorant les outils avancés de la plateforme. À la fin, ils auront conçu un site complet avec CMS, animations, et intégrations.

JOUR 1

• Matin :
  • Rappel des fondamentaux :
    • Hiérarchie HTML et classes CSS.
    • Structure et layout : sections, containers, grilles, et flexbox.
  • Pratique : recréer une page simple avec navigation et contenu structuré.
• Après-midi :
  • Personnalisation avancée des typographies et couleurs.
  • Rappels sur la responsivité et les breakpoints.
  • Atelier pratique : correction collective d’un projet simple pour valider les acquis.

JOUR 2

• Matin :
  • Introduction aux interactions et animations dans Webflow :
    • Animer des éléments au scroll, au clic, ou au survol.
    • Configurer des transitions fluides.
  • Atelier pratique : création d’une page d’accueil animée.
• Après-midi :
  • Design avancé avec grilles et flexbox.
  • Optimisation pour l’accessibilité et la performance.
  • Atelier pratique : créer une section de portfolio avec animations personnalisées.

JOUR 3

• Matin :
  • Introduction au CMS de Webflow :
    • Création de collections (articles, projets, produits).
    • Lier les collections à des modèles de pages dynamiques.
  • Atelier pratique : créer un blog dynamique avec des articles.
• Après-midi :
  • Gestion des données dynamiques avancées (filtrage, tri, pagination).
  • Utilisation des CMS pour des projets complexes (boutiques, portfolios interactifs).
  • Atelier : création d’une page produit dynamique.

JOUR 4

• Matin :
  • Intégration d’outils tiers :
    • Intégrer des scripts (Google Analytics, chatbots, etc.).
    • Ajouter des services externes (Zapier, outils marketing).
  • Optimisation des performances : réduire les temps de chargement.
• Après-midi :
  • SEO avancé :
    • Schema Markup et optimisation du contenu dynamique.
    • Configurer les redirections et éviter les erreurs 404.
  • Atelier : auditer et optimiser un site pour le SEO.

JOUR 5

• Matin :
  • Travail sur le projet final : synthèse des concepts appris.
    • Concevoir un site dynamique avec CMS, animations et intégrations.
  • Présentation des options d’hébergement avancées.
    • Gestion des domaines, CDN, et sécurité.
• Après-midi :
  • Finalisation et revue collective des projets.
  • Publication et mise en ligne.
  • Questions/réponses et conclusion de la formation.

Cas pratique :

Création d’un site complet, comme un site de portfolio dynamique ou une boutique légère, intégrant des animations, des fonctionnalités CMS, et des optimisations SEO.

Compétences acquises :

• Maîtriser les fonctionnalités avancées de Webflow.
• Concevoir des sites dynamiques et optimisés.
• Intégrer des outils tiers et comprendre les défis techniques complexes.

Info supplémentaire :