• FNE
  • FSE

Formation Webflow - Concevoir un site web avec Webflow

Créer un site web pour créatifs
Durée 3 jours
Niveau Fondamental
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence WFLO
Éligible CPF Non

Qu'est-ce que Webflow ?

Webflow est une plateforme révolutionnaire qui permet de construire des sites web complexes sans écrire une seule ligne de code. Utilisant une interface visuelle intuitive, elle permet aux designers, marketeurs et entrepreneurs de créer, de lancer et de gérer des sites web dynamiques qui sont à la fois esthétiques et fonctionnels.

Pourquoi suivre une formation Webflow ?

Maîtriser Webflow offre la possibilité de créer des sites web professionnels avec une grande liberté créative sans connaître le code. Cela est particulièrement pertinent pour les designers, les marketeurs, et les entrepreneurs qui veulent prendre en main la présence en ligne de leur projet ou entreprise de manière autonome et personnalisée. De plus, Webflow facilite l'implémentation de design responsive, essentiel pour l'accessibilité sur tous les appareils.

Objectif opérationnel :

Savoir construire et gérer un site web complet en utilisant uniquement la plateforme Webflow sans écriture de code.

Objectifs pédagogiques :

À l'issue de cette formation Webflow, vous aurez acquis les connaissances nécessaires pour :

  • Définir les concepts et les technologies du Web
  • Concevoir des pages et des sites Web par des méthodologies centrées utilisateurs
  • Mettre en œuvre les outils d'édition présent dans WebFlow en Low Code / No code
  • Optimiser les images pour le Web
  • Décrire les principes de l'optimisation pour le référencement (SEO)
  • Publier vos sites Web sur Internet

Public :

Ce cours s'adresse aux graphistes, directeurs artistique, webdesigners ou toute personne souhaitant créer des pages Web, des sites Web ou des landing pages (pages d'atterissage), sans programmation.

Prérequis :

Une compréhension basique des principes de design web est souhaitable mais non obligatoire.

Jour 1

Contexte

Révision des technologies du Web
WebFlow face à ses concurrents

Conception de site Web

Concept de Zoning
Notion de Responsive
Notion d'ergonomie
Notion d'UX, UI et IxD
Notion de base du SEO

Démarrer avec WebFlow

Création d'un compte
Vérification de l'emailExemples de travaux pratiques (à titre indicatif)Analyse comparative de WebFlow et d'autres outils de création de sites Web
Rédaction d'un brief créatif pour un site Web en appliquant les principes d'UX / UI

Comprendre l'interface de WebFlow

Tableau de bord
Réglages du projet
Éditeur
Outils :
- Éléments
- Pages
- Collection
Assets
Types d'écran
Zones de pages
Éléments de pages
Sélection de pages
Organisation des pages
Visualiser
Historique des annulations
Validation
Exporter le code
État de publication
Réglages d'éléments
Etat de visibilité d'éléments
Notion de Grid
Détection des éléments via X-Ray

Créer son premier site Web

Outils de wireframe
Designer la homepage
Designer les pages
Différents types d'éléments
Conception de template de pageExemples de travaux pratiques (à titre indicatif)Prise en main de l'interface WebFlow
Création des wireframes et de la structure de pages d'un site Web

 

Jour 2 

Éléments d'une page

Structure de page
Basics
Typographie et sémantique
Contenu dynamique
Média
Formulaire

Animations et effets parallax

Ajout d'effet d'apparition en CSS
Ajout d'effet de parallax pour les images

Formulaire

Créer un formulaire
Paramétrage pour l'envoi d'email
Paramétrage pour le stockage en base de données
Outils complémentaires pour questionnaires longs et sondagesExemples de travaux pratiques (à titre indicatif)Intégration de contenus (texte, images, vidéos...) dans les pages du site
Création d'un formulaire de contact fonctionnel
Ajout d'animations et effets visuels pour dynamiser les pages

Optimisation des pages pour le référencement (SEO)

Comment "pense" Google
Structuration et sémantique des contenus textes
Impact du choix des mots dans le menu principal
Qualification des données pour les images
Outils d'analyse de performance de sites Web
Outils pour trouver les tendances de mots-clés
Copywriting spécifique SEO

Optimisation des images pour le Web

Pourquoi optimiser les images ?
Les formats du Web
Comparatifs des différents formats
Photoshop pour le Web
Outils supplémentaires à PhotoshopExemples de travaux pratiques (à titre indicatif)Optimisation du contenu (textes, images) pour un meilleur référencement
Réduction du poids des images sans perte de qualité visuelle

 

Jour 3 

Analytiques

Outils d'analyse de la fréquentation
Intégration des scripts Google Analytics

Performance

Outils d'analyse de la performance d'affichage
Optimisation du code et du cache

Publier un site

Prévisualiser les pages
Optimisation des éléments selon le device
Publication sur les serveurs de WebFlow
Publication sur un nom de domaine personnalisé
Test du site sur différents navigateurs Web
Test du site sur différents devicesExemples de travaux pratiques (à titre indicatif)Mise en place d'outils d'analytique et analyse des premières données
Publication du site sur un hébergement WebFlow ou un nom de domaine personnalisé

Optimiser la sécurité

Enjeux du certificat SSL
Fragilité du langage JavaScript
Test de fiabilité de la page
Sécurisation minimaleExemples de travaux pratiques (à titre indicatif)Sécurisation du site avec un certificat SSL
Tests de performance et correction des éventuels problèmes
Date de mise à jour du programme : 04/06/2025

Dates et lieux

1
2
3
4
Du 16 au 18 juillet 2025
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Paris
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Aix-en-Provence
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Bordeaux
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Lille
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Lyon
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Nantes
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Reims
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Sophia Antipolis
Durée
3 jrs
1860 € HT
Du 16 au 18 juillet 2025
Lieu
Strasbourg
Durée
3 jrs
1860 € HT
1
2
3
4

Ces formations peuvent aussi vous intéresser :

Adalo : Création d’applications dynamiques sans code

- 2 jrs

Concevoir et déployer des applications mobiles interactives sans coder grâce à Adalo

  • Niveau : Fondamental
  • Référence : ADAL
1590 € HT
lieu

Softr : Créer des applications web interactives sans code avec Softr

- 2 jrs

  • Niveau : Fondamental
  • Référence : SOFT
1490 € HT
lieu

Glide : Devenir créateur d’applications sans coder avec Glide

- 2 jrs

Apprenez à concevoir et à déployer vos propres applications mobile sans écrire une seule ligne de code

  • Niveau : Fondamental
  • Référence : GLID
1490 € HT
lieu

No-Code : Introduction aux outils no-code

- 1 jr

Apprendre à développer sa première application grâce aux outils no-code (SquareSpace, Zapier, Airtable, Glide...)

  • Niveau : Fondamental
  • Référence : DNOC
680 € HT
lieu
> D'autres formations sur le même thème


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB