Vends des boutiques en ligne sans coder, avec l'IA.

Apprends à concevoir une boutique e-commerce moderne et entièrement personnalisée avec Framer, sans une seule ligne de code. Tu apprendras à créer des pages dynamiques, des composants réutilisables et un design responsive professionnel, prêt à être connecté à Shopify via Frameship.

Apprends à connecter ta boutique Framer à Shopify grâce à Frameship, afin de transformer ton design en site e-commerce complet, fluide et 100 % fonctionnel. Tu découvriras comment synchroniser tes produits, gérer les paiements, et rendre ton expérience d’achat totalement intégrée sans coder.

Apprends à concevoir des pages d’accueil et des interfaces e-commerce haut de gamme sur Webflow, pensées pour convertir efficacement. Tu maîtriseras les principes clés du design, de la persuasion et de l’expérience utilisateur pour créer des boutiques à fort impact visuel et commercial.

Apprends à connecter Shopify et Webflow grâce à Smootify pour créer une boutique en ligne élégante, performante et 100 % personnalisée sans coder. Découvre comment combiner la puissance du CMS Webflow avec la flexibilité e-commerce de Shopify pour offrir une expérience utilisateur haut de gamme.

Apprends à optimiser chaque élément de ta boutique pour augmenter tes ventes, améliorer l’expérience utilisateur et maximiser la valeur de chaque visiteur. Tu découvriras les leviers concrets pour transformer ton site en un canal de conversion efficace et durable.

Apprendre à référencer une boutique en ligne sur Google : structure, fiches produit, collections, vitesse et suivi, pour obtenir du trafic sans dépendre de la publicité.

Apprendre à concevoir des pages de vente modernes, esthétiques et efficaces dans Webflow, en maîtrisant les éléments clés du copywriting, de la hiérarchie visuelle, des appels à l’action (CTA) et de la conversion. Vous construirez des pages capables de capter l’attention, de susciter l’envie et de générer des ventes.

Apprendre à construire un site complet avec Webflow, intégrant un blog dynamique grâce au CMS. De la structure des pages à la gestion des contenus, vous saurez créer un site professionnel, évolutif et optimisé pour le référencement, sans écrire une ligne de code.

Apprendre à concevoir des boutiques en ligne attractives, efficaces et uniques avec Webflow E-commerce. Vous maîtriserez la création de fiches produits dynamiques, l’optimisation du parcours client et l’intégration de toutes les fonctionnalités essentielles pour vendre en ligne avec style… et performance.

Maîtriser toutes les étapes du transfert d’un site Webflow à un client en tant que freelance : préparation du projet, création d’une expérience professionnelle, transfert de propriété, accès éditeur, formation client, facturation… Vous saurez livrer un site prêt à l’usage, avec une expérience fluide et valorisante pour votre client.

Comprendre et appliquer les fondamentaux du référencement naturel (SEO) pour optimiser son site Webflow et le faire remonter dans les résultats des moteurs de recherche. Vous apprendrez à structurer vos pages, rédiger du contenu optimisé, paramétrer correctement Webflow et suivre vos performances SEO.

Apprendre à rendre votre site conforme au RGPD en mettant en place un système de gestion des cookies clair, transparent et conforme aux exigences légales. Vous saurez informer les visiteurs, recueillir leur consentement explicite, et gérer leurs préférences de manière responsable.

Appliquer les bases apprises pour concevoir entièrement une landing page professionnelle. Vous apprendrez à structurer une page web, à choisir des visuels percutants, des couleurs et typographies cohérentes, et à soigner chaque section clé d’un site web marketing. À la fin du module, vous aurez reproduit une landing page moderne tout en assimilant des principes fondamentaux de design web (hiérarchie visuelle, CTA, etc.).

Maîtriser les outils de mise en page avancés de Figma (grilles, Auto Layout, contraintes) afin de créer des designs flexibles et adaptés à différentes tailles d’écran. Ce module vous apprend à concevoir des maquettes responsive (desktop, tablette, mobile), une compétence incontournable pour un Web Designer moderne.

Apprendre à créer des interfaces cohérentes et modulaires grâce aux composants et styles Figma. Ce module vous guide dans la construction d’un mini design system : composants réutilisables, variants d’éléments UI, styles de texte/couleur globalisés et introduction aux variables. À l’issue, vous saurez bâtir une bibliothèque de design robuste, gage de productivité et de qualité pour un futur Web Designer.

Apprendre à transformer vos maquettes statiques en prototypes interactifs et animés. Dans ce module, vous créerez des interactions réalistes (navigation entre pages, boutons cliquables, effets au survol, transitions animées), y compris des prototypes avancés avec composants interactifs et variables. L’objectif est de savoir simuler une expérience utilisateur complète et fluide, pour tester vos designs et les présenter de manière professionnelle à des clients ou à votre équipe.

Découvrir les fonctionnalités additionnelles de Figma et les bonnes pratiques professionnelles qui vous feront gagner du temps et travailler en équipe efficacement. Ce module aborde les plugins, la collaboration, la préparation au handoff développeur, ainsi que les conseils pour lancer votre carrière (portfolio, certification). En fin de module, vous réaliserez un projet final intégrateur de vos compétences et serez prêt à obtenir votre certification de fin de formation.

À la fin de ce module, vous saurez convertir efficacement une maquette réalisée sous Figma en un site Webflow fonctionnel. Vous maîtriserez l’utilisation du plugin Figma to Webflow et appliquerez les meilleures pratiques pour optimiser votre maquette avant export (structuration, nommage des classes, styles, typographie, responsive design). L’objectif est de vous rendre autonome dans l’exportation d’un design Figma vers Webflow de manière rapide, efficace et optimisée, en minimisant les ajustements à effectuer après l’import.

À l’issue de ce module, vous saurez transformer un design Figma en site web fonctionnel sans quitter l’outil. Vous maîtriserez l’interface Figma Sites, la préparation du fichier (Auto-layout, styles, composants), l’ajout d’interactions, la gestion du responsive, la publication (URL ou domaine personnalisé) et les bonnes pratiques d’accessibilité/SEO. L’objectif : gagner en autonomie, publier plus vite et réduire les allers-retours dev-design.

Apprendre à créer des pages d'accueil engageantes pour convertir vos visiteurs efficacement, en maîtrisant les principes de design et de persuasion.

Créer un portfolio interactif mettant en valeur vos réalisations et votre personnalité professionnelle grâce aux outils avancés de Framer

Apprendre à créer des sites e-commerce performants, agréables à naviguer et optimisés pour la vente grâce à Framer

Créer des expériences utilisateurs captivantes grâce aux interactions avancées et aux animations dynamiques de Framer.

Maîtriser les fondamentaux du SEO pour augmenter naturellement la visibilité de vos projets réalisés avec Framer.

Gérer efficacement vos projets Framer pour optimiser la collaboration client et livrer des résultats de qualité professionnelle.

Le plus gros projet du pack, mené de bout en bout : brief client, cahier des charges, plan de suivi, style guide injectée dans Webflow, chaque section designée avec Claude, la conversion vers Webflow, le popup exit-intent, le SEO et l'audit final.

Le skill, le MCP et l'extension Chrome installés, les styles enregistrés, l'historique, les scripts détectés et le lien de preview : la brique qui convertit tes sections en Webflow propre et qui tient les délais du projet.

Une maquette complète : le MCP Figma connecté à Claude, le brief affiné aux bonnes questions, la structure et le copywriting, la direction artistique extraite de tes références, la page design system, puis le design section par section, variantes comprises.

La landing la plus fournie : l'agent interne de Framer et Claude Code côte à côte, brief, structure, copywriting, direction artistique et fichier claude.md, puis dix sections designées, les composants animés, les styles enregistrés et une passe de responsive complète.