ordinateur (1)

FIGMA, CREER UNE LANDING PAGE PROFESSIONNELLE :

Objectif

Cette formation va vous apprendre le processus de création d’une landing page.

Qu’est-ce que c’est ?

Quelles sont les règles à respecter ?

 

Ensuite, nous allons utilisez un exemple concret à travers toute la formation et nous commencerons par un Wireframe.

 

Puis, nous allons concevoir l’UI (le côté « joli » de notre design).

Vous apprendrez notamment à utiliser Figma avec plusieurs astuces et plugins.

Une fois la conception terminée, vous verrez comment décliner notre design pour toutes les tailles d’écran.

Enfin, vous apprendrez à utiliser le prototyping de Figma pour ajouter de l’interaction à notre menu.

  • Guide étape par étape sur la conception graphique d’une page dans Figma
  • Dans cette formation orientée sur la pratique, vous serez capable de créer par vous même une landing page dans Figma.
  • 5 modules E-learning à disposition avec un test de positionnement et un test final.
  • Des Exercices et cas pratiques

Tarif: 500€

Nombres d’heures: 5 h

Financements: opco, cpf, pôle emploi

Test de positionnement

 

Module 1. Introduction

C’est quoi une Landing Page ?

3 ressources pour votre inspiration

Les différents types de blocs d’une Landing Page

Module 2. Premier jet (wireframe)

Projet de cours – Landing pour du Crossfit

Création sous la forme d’un wireframe

Ressources Fichier : Wireframe.excalidraw (téléchargeable)

Module 3. Création de la Landing Page (conception UI)

Création du header et de la section Hero

Découverte des components (et avancements)

Finalisation de la page

Corrections mineures

Module 4. Responsive

Adapter pour tablettes

Adapter pour smartphones

Module 5. Prototyping (bonus)

Créer un menu (et l’animer)

Maquette Crossfit (téléchargeable)

Test final