FCIL WEB DESIGN 25-26

2025- 2026

Progression

FCIL WEB DESIGN

Il est essentiel qu'après cette année, vous deveniez autonome et que vous développiez une habitude de veille technologique et culturelle constante.

Année 2025-2026 en FCIL WEB DESIGN

NOVEMBRE

DECEMBRE

Septembre

Octobre

S5

S9

Design System / Charte Graphique

Affiche JPO

Découverte du Web Design ...

S3

S1

Suite Nuancier

S6

S10

Maquette Landing Page

Design System...

S2

S3

Plan d'action

Découverte de FIGMA Carte de visite et Nuancier

Animation Stickers

Design System Très FIN

S7

S11

Design System

S4

S8

S12

Maquette HF Page d'accueil

Menu Dynamique

Boite à outils

Boite à outils

Boite à outils

Boîte à outils

MARS

AVRIL

JANVIER

FEVRIER

Calendrier

A venir

A venir

A venir

Présentation Landing page

15

15

15

15

A venir

A venir

A venir

A venir

22

A venir

A venir

A venir

A venir

22

22

22

30

30

30

30

A venir

A venir

A venir

A venir

Boite à outils

Boite à outils

Boite à outils

Boite à outils

MAI

JUIN

A venir

A venir

15

15

A venir

A venir

A venir

A venir

22

22

30

30

A venir

A venir

01

Boite à outils

Boite à outils

Les outils pour le web design

Les outils pour une complète autonomie

Site, applications, logiciels... voici la liste des "accessoires" que nous allons utiliser durant cette FCIL Wed Design. Autant de possibiltés accessibles sur tous médias.

02

Conversion Couleur

Progression du travail

05

Qu'est ce que le design graphique ?

00

Mon inspiration ce monsieur, mais ici arrêtons nous à la 10:50

Découvrons, découvrons...

Découverte de l'animation Figma... avec cette vidéo très courte

Initiation Figma

Application Live 1

Objectif : Apprendre les bases essentielles de Figma pour créer rapidement des maquettes de sites web belles et qui convertissent.

Application Live 2

Objectif : Apprendre facilement le prototypage sur Figma pour rendre tes designs interactifs et réalistes (transitions entre écrans, pop-ups, boutons qui réagissent, etc.).

Design system ou identité visuelle pour Les Grands'joie

Objectifs : Créer une identité visuelle cohérente

• Théorie des couleurs appliquée au web : Adobe color (cf. vos outils).
• Typographie web et hiérarchie visuelle
• Création d'une palette de couleurs (Fait le 0210) faire nuancier dans votre frame actuel.
• Styles de texte dans Figma : choix et enregistrement.
• Composants et variants (boutons, cartes)

Pratique : Design system pour "Les Grands Joies"Livrable : Page de design system avec couleurs, typographie et composants

Design system ou identité visuelle pour Les Grands'joie

Objectifs : Créer une identité visuelle cohérente

• Théorie des couleurs appliquée au web : Adobe color (cf. vos outils).
• Typographie web et hiérarchie visuelle
• Création d'une palette de couleurs (Fait le 0210) faire nuancier dans votre frame actuel.
• Styles de texte dans Figma : choix et enregistrement.
• Composants et variants (boutons, cartes)

Pratique : Design system pour "Les Grands Joies"Livrable : Page de design system avec couleurs, typographie et composants

Objectif

Un design system animé !

Réaliser le nuancier Pantone de l'image choisi.

Initiation Figma

Application Live 1

Objectif : Apprendre les bases essentielles de Figma pour créer rapidement des maquettes de sites web belles et qui convertissent.

Application Live 2

Objectif : Apprendre facilement le prototypage sur Figma pour rendre tes designs interactifs et réalistes (transitions entre écrans, pop-ups, boutons qui réagissent, etc.).

Actualités