Chargement de Web Design From Scratch…
Aller au contenu

Ouverture · 29 décembre 2026

Ouverture officielle le 29 décembre 2026 à minuit, heure de Paris.

Web Design From Scratch

Apprends le web design, du premier pixel à la mise en ligne

4 parcours, 11 cours, 6 projets sur un même fil — une progression qui ne saute aucune étape. La plateforme ouvre le 29 décembre 2026 — et quelques personnes y entrent avant tout le monde.

Ouverture officielle le 29 décembre 2026 à minuit, heure de Paris.

Ouverture le 29 décembre 2026 Tarif fondateur à vie

Au programme

Pour qui

Trois façons d'arriver ici

Les cours sont les mêmes pour tout le monde. Ce qui change, c'est le point de départ et ce que tu viens y chercher.

  • Étudiant

    Tu cherches un stage et ton école t’a appris la théorie.

    Sortir avec un portfolio qui tient debout devant un recruteur, pas seulement un relevé de notes.

  • En reconversion

    Tu repars de zéro et tu ne sais pas par quel bout commencer.

    Un ordre à suivre, du premier fichier HTML à la mise en ligne. Rien d’autre, dans le bon sens.

  • Développeur junior

    Tu codes, mais le design t’arrive comme une contrainte extérieure.

    Lire une maquette, discuter avec un designer, et rendre l’écran au pixel près.

La méthode

Quatre étapes, toujours les mêmes

Pas de parcours à composer soi-même, pas de playlist de trois cents vidéos. Chaque cours suit le même trajet, du début à la fin.

  1. Tu choisis un cours

    Le sommaire complet est visible avant de commencer, y compris sur les cours premium. Tu sais ce que tu vas apprendre avant de t’engager.

  2. Tu suis les chapitres

    Une vidéo courte, puis la fiche écrite à relire sans réappuyer sur lecture. Ta progression est enregistrée à chaque chapitre terminé.

  3. Tu vérifies que c’est acquis

    Un quiz en fin de cours. Il ne sert pas à te noter : il sert à repérer le chapitre qui n’est pas passé, pour y retourner.

  4. Tu produis quelque chose

    Un challenge à télécharger, à faire, à comparer au corrigé. Et le certificat de complétion une fois le cours bouclé.

Le programme

Un seul fil, du chapitre 0 à ton portfolio

Un chapitre 0 pour comprendre le web, puis 4 parcours qui s'enchaînent : 11 cours, 6 projets. Rien ne se jette en route — la maquette dessinée dans Figma, tu la codes en front-end ; le portfolio que tu intègres, tu le passes sous WordPress.

  • Cours
  • Quiz
  • Projet
  • Correction
  • Premium
  1. Chapitre 0

    Comprendre le web

    Avant d’ouvrir un logiciel : comment une page arrive jusqu’à ton écran, ce que pèse une image, et qui fait quoi dans une équipe web.

    • Requêtes et erreurs serveur
    • Les formats d’image
    • Framework ou CMS ?
    • Les métiers du web
    • + 4 autres notions
  2. Parcours 01

    Design UI/UX

    Comprendre ce qui rend une interface lisible, puis la dessiner dans Figma jusqu’à la maquette qu’un développeur peut intégrer.

    • Le design thinking
    • Les 7 fondamentaux de l’UI
    • Une maquette « témoignages »
    • Premium : L’architecture de l’information
    • Premium : Design system
    • Premium : Prototypes
    • + 6 autres notions
    1. Cours Les fondamentaux de l’UX/UI
    2. Quiz Quiz de fin
    3. Cours Fil rougeFigma : From Noob To Ninja
    4. Projet Le site d’une hypnothérapeute
    5. Correction Ta maquette corrigée
  3. Parcours 02

    Graphisme / Branding

    Composer une image qui tient debout, puis poser une identité — jusqu’au logo d’un vrai client.

    • Les grilles de composition
    • Le point focal
    • Premium : Le nombre d’or
    • + 4 autres notions
    1. Cours Les fondamentaux du graphisme et du branding
    2. Cours Illustrator & Photoshop
    3. Projet Un logo pour une entreprise de nettoyage
    4. Correction Ton logo corrigé
    5. Cours PremiumIllustrator & Photoshop — Perfectionnement
  4. Parcours 03

    Développement front-end

    Donner vie aux maquettes : HTML, CSS et JavaScript, puis Vue, Nuxt et Tailwind — jusqu’à ton portfolio en ligne.

    Reprend ta maquette « témoignages » du parcours 01

    • Grid et Flexbox
    • Découverte de GSAP
    • Vue.js et Nuxt
    • Premium : Balises vidéo et audio
    • Premium : Console avancée
    • Premium : Optimisation des requêtes
    • + 5 autres notions
    1. Cours HTML5, CSS3 & JavaScript
    2. Projet Fil rougeTa maquette « témoignages », intégrée
    3. Cours Front-end avancé
    4. Quiz Quiz de fin
    5. Projet Une landing page animée au scroll
    6. Projet Fil rougeTon portfolio, from scratch
    7. Correction PremiumTon portfolio corrigé
  5. Parcours 04

    WordPress

    Du CMS qu’on installe au thème sur-mesure entièrement administrable : ton portfolio devient un site administrable sans coder.

    Reprend ton portfolio du parcours 03

    • Thèmes et thèmes enfants
    • ACF
    • Custom Post Types
    • + 9 autres notions
    1. Cours WordPress — Initiation
    2. Quiz Quiz
    3. Cours WordPress — Perfectionnement
    4. Projet Fil rougeTon portfolio sous WordPress

Fin du parcours

6 projets réalisés en chemin, dont ton portfolio sous WordPress — et un certificat à chaque parcours bouclé.

Bonus premium

Headless WordPress + Nuxt

WordPress réduit à ses contenus, servis à un front Nuxt. Au-delà de l'arrivée : il se suit une fois le parcours WordPress terminé.

Voir le programme détaillé

Un chapitre, en vrai

Voilà ce qu'on appelle apprendre le web design

Pas de théorie en l'air : une règle, une mesure, une conséquence immédiate sur ce que tu produis. Essaie celle-ci — elle explique la couleur des boutons de cette page.

Les fondations HTML & CSSCouleur et contraste Chapitre offert

Sommaire

  1. Le flux du document
  2. La boîte CSS
  3. Couleur et contraste (chapitre en cours)
  4. La typographie à l’écran
  5. Grilles et points de rupture

3 chapitres sur 8

Le contraste se mesure, il ne s'estime pas

Deux couleurs « qui vont bien ensemble » peuvent être illisibles. La norme WCAG donne un chiffre : le rapport de luminance entre le texte et son fond, qui doit atteindre 4,5:1. Choisis la couleur du texte posé sur notre vert de marque.

Découvrir les cours

1,32:1Non conforme

Échec. En dessous de 4,5:1, le texte devient illisible pour une partie des lecteurs — et pénible pour tous les autres.

Votre formateur

Onze ans de métier, pas onze ans de théorie

Les cours sont écrits et enregistrés par une personne qui exerce ce métier tous les jours, pas par une équipe éditoriale qui compile de la documentation.

Portrait d'Étienne Leriche, formateur

Etienne Leriche

Web designer et développeur front-end, formateur

Voir le portfolio

11 ans
d’expérience professionnelle en design et en front-end
30 000 h
de pratique sur de vrais projets clients, depuis 2009
6
licences professionnelles suivies jusqu’au bout
4,9/5
sur 15 avis Google, sous le nom Tony Design

Jury de soutenance en BUT MMI · 16 élèves encadrés en salle · 8 stagiaires formés

  • Note : 5 sur 5

    « Super professeur en concept UI/UX. Merci beaucoup pour ton aide et ta patience avec une élève débutante comme moi. »

    Bérengère élève débutante en UI/UX

  • Note : 5 sur 5

    « Je viens de terminer une formation et je recommande vivement Etienne. […] »

    Naoko a suivi une formation complète

  • Note : 5 sur 5

    « J’ai effectué mes deux précédents stages chez Monsieur Étienne Leriche. Il m’a énormément appris au cours de ces deux périodes. […] »

    Lubin deux stages consécutifs

Lire les 15 avis sur Google

0 % de glandouille.

Programme bêta · 50 places

Entre avant tout le monde

Trois questions pour savoir par où tu commencerais. Ensuite ton adresse email, et c'est tout.

Étape 1 sur 3
Tu en es où ?

Aucune mauvaise réponse : ça sert à te dire par quel parcours commencer.

Questions

Ce qu'on nous demande avant de s'inscrire

  • Où en est le projet, concrètement ?

    L’ouverture officielle est fixée au 29 décembre 2026. La plateforme est construite — comptes, suivi de progression, quiz, certificats — et le catalogue est en cours d’enregistrement d’ici là. Créer un compte maintenant sert à être prévenu dès le premier jour.

  • Il faut déjà savoir coder pour commencer ?

    Non. Tout commence par un chapitre 0 — comment une page arrive jusqu’à ton écran, ce que pèse une image, qui fait quoi dans une équipe web — puis chaque parcours pose sa théorie avant de passer à l’outil. Si tu sais déjà, les parcours se prennent séparément.

  • Combien ça va coûter ?

    Une partie du catalogue sera gratuite et le restera. Pour le reste, deux formules : un abonnement mensuel pour tout suivre, ou l’achat d’un cours seul. La grille définitive n’est pas encore arrêtée — tout montant affiché d’ici là est indicatif, et le paiement n’est pas ouvert.

  • Le certificat de complétion, il vaut quoi ?

    Ce n’est pas un diplôme reconnu par l’État, et personne ne devrait te vendre le contraire. Il atteste que tu as terminé le cours et réussi son quiz. Ce qui convainc un recruteur, c’est le travail rendu au challenge — le certificat n’est que la trace du parcours.

  • Vous intervenez aussi en école ou en entreprise ?

    Oui, et c’est antérieur à la plateforme : jury de soutenance en BUT MMI, encadrement de groupes en salle, et huit stagiaires formés en cabinet. Les mêmes contenus peuvent être donnés en présentiel ou adaptés à une maquette pédagogique. Le tarif, le statut et les formes d’intervention sont détaillés sur la page qui leur est consacrée. Vous êtes une école ?

  • Il me faut Photoshop et Figma ?

    Figma suffit pour l’essentiel et sa version gratuite fonctionne dans le navigateur, sans rien installer. La suite Adobe n’intervient que sur la partie graphisme : les cours indiquent à chaque fois ce qui se fait aussi avec un outil libre.

Rendez-vous le 29 décembre 2026. Sois inscrit avant.

50 places avant l'ouverture du 29 décembre 2026. Le tarif fondateur, verrouillé à vie. Une adresse email suffit : pas de carte bancaire, pas de compte à créer.