Apprenez à designer

et développer un

site web

Vous voulez faire du design d'interface et du développement web front ?


Découvrez et maitrisez les concepts, les outils et les langages qui vous permettront de conceptualiser, de réaliser et de construire votre site web. Comme un pro.

Partie 2

Créer son design d'interface

Découvrir Photoshop

Concevez des éléments graphiques, des photomontages et des compositions visuelles créatives, afin de les intégrer dans vos pages web

Utiliser Illustrator

Apprenez à créér vos propres logos et pictogrammes, afin d’enrichir l’identité visuelle de votre site web

Maîtriser Figma

Concevez, prototypez, développez et partagez le design de votre site web avec l'outil le plus apprécié par les designers

Le petit + qui fait la différence 🚀

En plus du contenu de la formation, je vous propose de vous retrouver pendant 10h en ligne, avec d'autres élèves lors de sessions qui nous permettront :

  • D'approfondir certaines notions abordées dans la formation
  • De découvrir d'autres exercices
  • De répondre à (presque...) toutes vos interrogations concernant le contenu de cette formation

Cet accompagnement se fera à raison de 2h par semaine, ce qui vous laissera le temps de pratiquer, de comprendre, et/ou de préparer vos questions pour les sessions suivantes.

🎓 Le contenu de votre formation, en bref :

Module 1 : Penser son produit digital

Partie 1 : L' Ux Design - 54 mn

1 - Introduction à l'Ux Design

2 - Design Thinking, User Centered Design et Méthode 5s

3 - Les fondamentaux de l'Ux Design

4 - Psychologie cognitive et Ux Design

Partie 2 : L' Ui Design - 56mn

1 - Introduction à l'Ui Design

3 - Concepts de l'Ui design

2 - Les bases de l'Ui Design

4 - Les étapes de l'Ui design

Module 2 : Créer son design d'interface

Partie 1 : Utiliser Photoshop - 1h15mn

1 - Introduction

2 - Installer Photoshop

3 - L'accueil de Photoshop

4 - Création de document dans Photoshop

5 - Ouvrir un fichier et intégrer un document

6 - L'espace de travail dans Photoshop

7 - Créer un plan de travail dans Photoshop

8 - Les calques dans Photoshop

9 - Les outils dans Photoshop

10 - Positionner ses éléments

11 - Modification non destructive

12 - Les actions dans Photoshop

13 - L'export dans Photoshop

Partie 2 : Utiliser Illustrator - 1h08mn

1 - Analyse et création de logos

2 - Introduction, accueil et création de document

3 - L'espace de travail

4 - Les calques

5 - Les principaux outils d'Illustrator

Partie 3 : Utiliser Figma - 1h20mn

1 - Introduction

2 - L'accueil dans Figma

3 - L'espace de travail

4 - La barre d'outils

5 - Calques, images, couleurs et booléens

6 - L'auto layout

7 - Les styles

8 - Les contraintes

9 - Les composants

10 - Les variables

11 - Grilles, règles, effets et fusion

12 - Responsive design avec Figma

13 - Prototypage avec Figma

14 - Partage et commentaires dans Figma

15 - Les plugins ou extensions dans Figma

16 - Exporter son projet avec Figma

Module 3 : Développer son site web

Partie 1 : Culture web - 20mn06

1 - Culture web

Partie 2 : VS Code - 16mn50

1 - Introduction à Vs Code

Partie 3 : Html - 31mn33

1 - Découvrir le Html

2 - Balises inline et block - Chemins relatifs et absolus

3 - Structurer sa page Html

4 - Intégrer son texte en Html

5 - Intégrer des médias dans sa page Html

6 - Construire un formulaire en Html

7 - Comprendre la notion d'accessibilité

Partie 4 : Css - 1h07mn

1 - Découvrir le Css

2 - Cascades, feuilles de style et héritages

3 - Les sélecteurs Css

4 - Ordre de priorité, préfixe-vendeurs et commentaires

5 - Le box-model

6 - Tailles et couleurs

7 - Les principales propriétés Css

8 - Le positionnement en Css

9 - Les flexbox en Css

10 - Les transformations 2d et 3d en Css

11 - Les transitions en Css

12 - Les animations en Css

13 - Le responsive web design

14 - Les frameworks et librairies Css

Partie 5 : Optimisations web - 4mn39

1 - Méthodes d'optimisation des pages web

Partie 6 : Git et Github - 35mn

1 - Découvrir Git et Github

Partie 7 : Réferencerment web - 22mn

1 - Découvrir les techniques de réferencement

Partie 8 : Mise en ligne - 4mn41

1 - Mettre en ligne son site avec Git et Github

Dans cette formation :

  • Suivez près de 9h de cours en vidéos
  • Découvrez 8h30 d'exercices corrigés
  • Visionnez plus de 150 vidéos
  • Découvrez les méthodes UX
  • Apprenez les process du design
  • Découvrez les concepts de l'Ui Design
  • Concevez les graphismes de votre site
  • Découvrez comment créer un logo
  • Créez un mockup avec Figma
  • Designez un site web avec Figma
  • Découvrez le prototypage
  • Enrichissez votre culture web
  • Construisez un site web responsive
  • Mettez en ligne votre site web
  • Échangez avec les autres étudiants sur notre canal Discord
  • et tellement d'autres choses .... 😎
  • ... ainsi que 10h d'accompagnement en visioconférence !
Apprendre à designer et développer son site web 🚀

Votre formateur 💼

Aprés une reconversion, j'ai obtenu un diplôme de Graphiste/Webdesigner, puis un second diplôme de Développeur Full Stack web et mobile.


Depuis, je suis Développeur Front-end et Ui/Product Designer freelance, mais aussi formateur web et design.


J'ai pu accompagner à ce jour un trés grand nombre d'élèves dans leur parcours, au sein de différentes écoles et centre de formations tels que Doranco, Donkey School, l'Ecole multimédia, Philiance, etc...

📞 Quelques réponses à vos questions

À qui sont destinées ces formations ?

Les formations proposées sont destinées à toutes et à tous, que vous ayez uniquement envie d'apprendre à designer et construire un site web, ou que vous souhaitiez même en faire votre métier (étudiants, reconversion professionnelle, indépendants, etc...).

Comment fonctionne ces formations ?

C'est trés simple : Vous pouvez accéder directement au contenu de la formation via votre espace à tout moment, et parallèlement à cela, vous pourrez me rejoindre à distance chaque semaine pendant 2 heures, à raison de 10 heures par inscription.

Comment obtenir mes heures d'accompagnement ?

Votre inscription vous permet de bénéficier automatiquement de 10 heures d'accompagnement à raison de 2 heures par semaine, et vous recevrez aprés votre inscription un planning avec les dates et les horaires de connexion en ligne.

Pourrais-je utiliser mes acquis dans un cadre professionnel ?

Bien sûr, et c'est tout l'objet de cette formation : vous apprendre à comprendre et à utiliser les concepts, les outils et les langages dans des contextes personnels ou professionnels.


De plus, sachez que ce que vous apprendrez dans cette formation est conforme à ce qui est enseigné dans la plupart des centres de formation ou des écoles web.

Ces formations bénéficient elles de mise à jour ?

Oui, je ferai en sorte de mettre à jour aussi régulièrement et rapidement que possible le contenu des formations, et bien évidemment, je vous en informerai afin que vous puissiez en profiter.

Comment faire si j'ai besoin d'aide ?

En cas de besoin, il vous suffit de me contacter directement via le canal Discord à disposition.


Vous pouvez aussi échanger avec d'autres étudiants de la formation sur ce même canal.


Enfin, vous pourrez me soumettre l'éventuel souci rencontré lors de sessions d'accompagnement.

L'accés aux formations est-il limité ?

Vous pouvez accéder au contenu de la formation via votre espace à tout moment et de manière illimitée. L'accompagnement lui, vous sera disponible pour 10 heures.

Puis-je obtenir d'un remboursement si la formation ne me convient pas ?

Votre formation n'est pas remboursable, à partir du moment où vous souscrivez à la formation, cependant, vous pourrez accéder à son contenu de manière illimitée.

👋🏻 Alors, prêt à vous former ?

Cliquez sur ce bouton pour un détail complet du contenu du cours !

C'est parti !