Spécialisation en création de sites Web sans code

Sommaire du cours

• U1 : S'inspirer

  • Introduction

  • Mes sources d'inspiration | Juan Mora

  • Mes sources d'inspiration | Filip Felbar

  • Mes sources d'inspiration | Jan Losert

  • Mes sources d'inspiration | Mónica Durán

  • Mes sources d'inspiration | Isa Macías

• U2 : UX UI design et landing pages : jouez avec le storytelling

  • Types de pages de destination

  • Qu'est-ce qu'une bonne page de destination ?

  • Qu'est-ce que la hiérarchie dans le contenu ?

  • Contraste, équilibre visuel et règle des 3 secondes

  • Le brief et comment enquêter

  • Structure du contenu d'une page de destination

  • Comment faire un mood board

  • La bonne typographie

  • Création d'histoire

  • Mettez tout le matériel sur la toile !

  • Créez les ressources dont vous avez besoin pour votre page de destination

  • Définition de conception

  • Peaufinez votre conception : commentaires

  • Présentation au client

• U3 : Design systems pour sites internet sur Figma

  • Introduction aux systèmes de conception

  • Comment les systèmes de conception peuvent vous aider à accélérer votre flux de travail

  • Présentation du projet et de l'approche

  • Configuration du fichier Figma et début des premières explorations 1

  • Configuration du fichier Figma et début des premières explorations 2

  • Extension du système d'explorations et de conception 1

  • Extension du système d'explorations et de conception 2

  • Organisation des pages design system 1

  • Organisation des pages design system 2

  • Exploration de variantes lors de la création de composants

  • Affiner le système de conception avec une page assemblée 1

  • Affiner le système de conception avec une page assemblée 2

  • Affiner le système de conception avec une page assemblée 3

  • Configuration de nouvelles pages avec le système de conception complet 1

  • Configuration de nouvelles pages avec le système de conception complet 2

  • Configuration de nouvelles pages avec le système de conception complet 3

  • Comment aborder la création de documentation pour le système de conception

  • Nettoyer et utiliser une mise en page automatique

  • Utilisation du design sur d'autres éléments de la marque

  • Dernières pensées

• U4 : Création de sites internet sans codage avec Webflow

  • Introduction au sans code

  • Fonctionnalités principales du flux Web

  • Concevoir

  • Guide de style

  • Création d'un guide de style 1

  • Création d'un guide de style 2

  • Section Héros

  • La navigation

  • Sections d'études de cas 1

  • Section d'étude de cas 2

  • Collage Section 1

  • Collage Section 2

  • Section Clients et formulaire de newsletter simple

  • Bas de page

  • Fenêtre de la tablette

  • Fenêtre mobile Paysage et Portrait

  • Formulaires de test

  • Interactions

  • Optimisation SEO et hébergement

  • Panneau de maintenance, d'édition et d'actifs

  • Explorer le CMS

• U5 : Création d'un site web sur Squarespace

  • Définition de l'objectif et de la structure de notre site Internet P1

  • Définition de l'objectif et de la structure de notre site Web P2

  • Le style général de notre site

  • Création, organisation et préparation de fichiers graphiques

  • Modifications apportées à l'interface du bloc de contenu Squarespace

  • Comment choisir le modèle pour votre site Web

  • Paramètres initiaux dans Squarespace

  • Création de pages dans Squarespace: leurs propriétés et paramètres

  • Les blocs de contenu dans Squarespace

  • Les sections de page dans Squarespace

  • Conception et configuration des pages Accueil, Services, A propos de moi et Contact P1

  • Conception et configuration des pages Accueil, Services, A propos de moi et Contact P2

  • Conception et configuration des pages Accueil, Services, A propos de moi et Contact P3

  • Paramètres de la page Portfolio P1

  • Paramètres de la page Portfolio P2

  • Paramètres du blog P1

  • Paramètres du blog P2

  • Paramètres du blog P3

  • Création de pied de page et principaux ajustements de navigation

  • Définition des polices et des couleurs du site P1

  • Définition des polices et des couleurs du site P2

  • Paramètres d'image et autres paramètres

  • Bonus: Styles Web dans Squarespace 7.0

  • Paramètres marketing

  • Paramètres de confidentialité généraux

  • Rendons le site public P1

  • Rendons le site public P2

  • Suivi analytique du site

• U6 : Web design sans codage avec Elementor et Wordpress

  • Références visuelles : où chercher l'inspiration

  • Plan du site et guide de style

  • Préparation de la proposition de conception 1

  • Préparation de la proposition de conception 2

  • Premiers pas dans WordPress

  • Installer Elementor

  • Connaître Elementor 1

  • Connaître Elementor 2

  • En-tête et pied de page 1

  • En-tête et pied de page 2

  • Page d'accueil

  • Modèle pour les projets 1

  • Modèle pour les projets 2

  • Archives du projet

  • "À propos" et "Contact"

  • Pages secondaires : confidentialité, 404 et maintenance

  • Tester et lancer le site Web

  • Mise à jour du site

• Projet final

  • Spécialisation dans la création de sites web sans code