
1 - Comprendre les bases + création de la Hero section
59 min
déc. 2025
Ce module t’apprend les bases essentielles de Framer : structure, styles, animations et responsive design. À la fin de la vidéo, tu sauras créer une Hero Section complète, prête à être utilisée sur ton site.
Formation Framer complète - Crée ta première Hero Section étape par étape
Apprends à créer une page d’accueil moderne et responsive avec Framer grâce à cette formation complète.
Dans ce premier module, tu découvres toutes les bases indispensables pour concevoir une Hero Section professionnelle, comme celles qu’on retrouve sur les sites des plus grandes marques.
Ce que tu vas apprendre dans ce cours
Dans ce module pratique, tu apprendras à maîtriser les fondamentaux de Framer tout en réalisant une page concrète et fonctionnelle :
Découverte de l’interface Framer et création de ton premier projet.
Structure d’une page web moderne : sections, containers, layouts, paddings et marges.
Création complète d’une Hero Section avec :
Un titre principal (H1) et un sous-titre harmonisés,
Un bouton call-to-action animé (effet hover interactif),
Un bloc d’avis clients avec étoiles et texte,
Un bandeau de logos défilants,
Et un fond d’image avec coins arrondis pour un rendu professionnel.
Utilisation des Components et Variants pour créer des éléments réutilisables.
Création de styles globaux : polices, couleurs, variables et cohérence visuelle.
Responsive Design complet : adaptation automatique aux formats desktop, tablette et mobile.
💡 Objectif du module
À la fin de ce cours, tu seras capable de :
Créer une page web complète et responsive avec Framer,
Concevoir des designs modernes et interactifs,
Maîtriser les layouts, animations et styles globaux,
Et poser les bases solides pour concevoir tes propres sites ou ceux de tes clients.
Créer mon compte Framer gratuitement
