Créer son site internet avec Webflow : Options Automatisations & Make

- Conception et design Maîtriser les fondamentaux du design UI/UX avec Figma. Concevoir des maquettes responsives et fonctionnelles. Structurer un projet web avec une approche design centrée utilisateur (UX). - Création de site web avec Webflow Prendre en main l'interface de Webflow et ses fonctionnalités clés. Créer un site web responsive (mobile, tablette, desktop) sans coder. Intégrer un CMS dans Webflow pour gérer dynamiquement le contenu. Publier un site professionnel optimisé pour le SEO. - Automatisation avec Make Comprendre les principes de l'automatisation NoCode. Créer des scénarios simples et avancés avec Make pour automatiser des tâches web. Connecter Webflow, Google Sheets, formulaires, et autres outils via Make. Intégrer l'IA (ex. : ChatGPT) dans des scénarios pour enrichir les workflows. - Compétences transverses Structurer un projet digital de bout en bout, de la maquette à la mise en ligne. Appliquer les bonnes pratiques de design, développement et automatisation NoCode. Gérer un projet de site internet en autonomie pour un client ou un projet personnel. Valoriser les compétences acquises à travers un projet concret (fil rouge).

-HTML & CSS : Fondations du web HTML (HyperText Markup Language) Comprendre le rôle du HTML dans une page web. Créer la structure d'une page avec , , . Utiliser les balises clés : titres, paragraphes, images, liens, formulaires. Ajouter des attributs (alt, href, etc.) et intégrer des médias (images, audio, vidéo). Respecter les bonnes pratiques et valider le code via le W3C. CSS (Cascading Style Sheets) Styliser les pages HTML : couleurs, typographies, espacements. Maîtriser les sélecteurs, classes, ID. Construire des mises en page modernes avec Flexbox et Grid. Ajouter animations/transitions et créer un design responsive. Adopter un code propre et maintenable. -Figma : Outil de design collaboratif Découverte de Figma Concevoir des interfaces, utiliser les outils de base (texte, formes, images). Organiser les éléments avec frames, calques, grilles et contraintes. Explorer les plugins pour améliorer son workflow. Création de prototypes Gagner du temps avec les raccourcis et l'auto-layout. Utiliser des Design Systems (styles, composants, variables). Connecter les pages, ajouter des animations simples, partager en équipe. - UI/UX Design & Webflow (No Code) UX/UI Design Comprendre les bases de l'expérience utilisateur et des interfaces visuelles. Appliquer les bonnes pratiques : accessibilité, mobile first, tendances UI. Webflow & No Code Prise en main de Webflow, création de projet et structure de pages. Développement d'un site responsive section par section. Intégration d'un CMS pour contenus dynamiques (articles, projets, etc.). Optimisation SEO, publication du site, utilisation d'outils comme Relume. - Automatisation avec Make (ex-Integromat) Introduction à Make Présentation de l'outil, création de scénarios, découverte de l'interface. Connexions avec Gmail, Google Drive, utilisation de routeurs et filtres. Manipulation de données Utiliser variables, bundles, formules simples, gestion des dates et textes. Cas pratique : automatisation d'un module de facturation. API & Webhooks Comprendre et utiliser une API avec le module HTTP. Utiliser des webhooks (y compris mailhooks), envoyer et recevoir des données. Workflows avancés Gérer des structures complexes avec iterators, aggregators, datas stores. Créer et structurer des données JSON, maîtriser les formules avancées. Mise en pratique complète avec un workflow optimisé. - Intelligence Artificielle & Automatisation Marketing Intégrer OpenAI à Make Générer du contenu avec ChatGPT, structurer les données, extraire des infos via Vision. Créer un assistant personnel intelligent. CRM & gestion de leads Construire un système de gestion de leads et prospects. Importer des données, créer des dashboards pour les KPIs. - Stratégies & outils d'acquisition marketing Automatiser l'acquisition Gérer les campagnes Google Ads & Meta via API. Centraliser les données et synchroniser les canaux. Optimisation avancée Mettre en place un lead scoring, des séquences email personnalisées. Utiliser les