FIGMA : Créer une Landing Page professionnelle avec FIGMA

Objectifs

• Créer une Landing Page réussie.

Créer un wireframe

• Créer l’UI à partir d’un wireframe

Adapter une maquette en responsive

Programme de la formation

Test de positionnement

Section 1. Introduction

• C’est quoi une Landing Page ?
• 3 ressources pour votre inspiration
• Les différents types de blocs d’une Landing Page

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

Section 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

Section 4. Responsive

• Adapter pour tablettes
• Adapter pour smartphones

Section 5. Prototyping (bonus)

• Créer un menu (et l’animer)
• Maquette Crossfit (téléchargeable)

Test final

Modalités d’évaluation des acquis

Teste final 

Public concerné

Tout public 

Prérequis

Aucune