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

• Titre professionnel concepteur designer UI - Code CertifInfo 111423
  • Niveau de qualification : 6 - Savoirs approfondis

Objectifs

- 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).

Programme de la formation

-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

Validation et sanction

-

Type de formation

Certifiante

Sortie

Bac + 3 et 4