Le design d’un site web est indispensable à son succès. Selon un rapport d’Adobe, 46% des consommateurs « n’achètent pas les produits des marques dont le site web ou l’expérience mobile sont mal conçus ». Comment créer un design de site web exceptionnel et développer ses compétences ? Grâce aux tutoriels de design web en ligne, bien sûr ! Il existe une multitude de ressources fantastiques en ligne qui vous apprendront tout, qu’il s’agisse de design adaptatif, de mise en page, de hiérarchie, ou de wireframing, en passant par l’UX et l’interface utilisateur.

Les meilleurs tutoriels de design web
Illustration réalisée par OrangeCrush

Comme la plupart des designers spécialistes en la matière vous le diront : pour apprendre à créer un site web, rien de tel que d’en créer un. Il faut simplement maîtriser les bases avant de se lancer. Pour cela, les tutoriels de design web en ligne sont une excellente solution. Gratuits ou payants, il y a tellement d’options disponibles qu’il peut être difficile de s’y retrouver et de faire un choix !

Pour vous aider, voici notre sélection des meilleurs tutoriels de design web, ainsi que les spécificités de chaque plateforme, les prix et les personnes pour lesquelles chaque cours est le plus adapté.

Voici les 29 meilleurs tutoriels de design web pour chaque niveau d’expertise :

  1. Envato Tuts+
  2. Lynda.com (LinkedIn Learning)
  3. Coursera
  4. Youtube
  5. Pluralsight
  6. Udemy
  7. Dreamweaver
  8. Skillshare

1. Les tutoriels de design web d’Envato Tuts+

Capture d'écran des tutoriels de design web sur Envato Tuts+
Tutoriels de design web via Envato Tuts+

Assurez-vous de consulter :

L’utilisation des grilles en design web. Dans ce tutoriel, vous apprendrez tout sur les systèmes de grilles. C’est un excellent guide pour les débutants, car on y explique comment ces fameuses grilles peuvent vous aider à créer des designs bien clairs et bien organisés.

Et ne manquez pas :

Un tutoriel sur l'utilisation de WordPress sur Envato Tuts+
Tutoriels de design web via Envato Tuts+

À propos d’Envato Tuts+

Envato Tuts+ est bien connu non seulement des adeptes de tutoriels de design web, mais aussi dans le monde de l’éducation. En tant que tel, c’est un excellent point de départ pour cette liste et pour tout designer web en herbe.

Les sujets abordés sont traités dans des articles, des vidéos et des eBooks faciles à digérer, que l’on peut parcourir sur la plateforme. Cela permet d’avoir un maximum d’informations sur chaque sujet. Par exemple, si vous essayez de créer une page de destination (ou landing page), vous y trouverez différents types de contenu sur ce sujet en particulier.

La plateforme propose également de nombreux « échantillons » gratuits afin que vous puissiez voir si ce style éducationnel vous convient.

Spécialités : 

  • Développement web
  • Design web pour les enfants
  • WordPress
  • Design adaptatif
  • Landing pages et site web d’une seule page

Prix : 

  • 13,95€/mois
  • Tutoriels basiques gratuits et de nombreux « teasers » gratuits

Particulièrement adapté à : 

  • Aux designers qui veulent se former et ajouter le développement web à leurs compétences
  • Ceux qui apprennent vite et qui veulent du contenu intermédiaire, voire avancé

2. Les tutoriels de design web de Lynda.com (LinkedIn Learning)

Capture d'écran des tutoriels de design web sur Lynda.com
Tutoriels de design web via Lynda.com

Assurez-vous de consulter :

Javascript pour les designers web. En tant que concepteur web, savoir coder est un atout, même si ça n’est pas quelque chose que vous faites régulièrement. Ainsi, ajouter JavaScript à sa boîte à outils (ou même simplement comprendre comment JavaScript fonctionne) pourrait s’avérer être un argument de vente de taille, et vous permettre de collaborer plus efficacement avec des développeurs.

Et ne manquez pas :

Aperçu des tutoriels de design web sur Lynda.com
Tutoriels de design web via Lynda.com

About Lynda

Racheté par LinkedIn Learning, Lynda.com adopte une approche académique structurée pour ses tutoriels de conception web. La plateforme propose un large éventail de sujets, comme le développement web, le codage, ou encore les aspects commerciaux de la création d’un site web. Les cours sont divisés en fonction de chaque sujet, de façon à ce que vous puissiez sélectionner des tutoriels dans différents domaines.

Lynda.com est la plateforme idéale pour apprendre à utiliser des outils de conception web spécifiques, comme Dreamweaver CC ou Adobe Animate CC, mais aussi pour apprendre à se servir des plateformes de création comme Shopify ou Wix. Ceux qui savent déjà ce qu’ils veulent apprendre apprécieront particulièrement Lynda.

Spécialités : 

  • Développement web
  • Logiciel de conception web
  • Plateforme de création de sites web
  • Design UX
  • Techniques de design web

Prix : 

  • 25,37€/mois (16,90€/mois pour un abonnement annuel)
  • 1 mois d’essai gratuit

Particulièrement adapté à :

  • Ceux qui savent déjà ce qu’ils veulent apprendre
  • Aux designers qui veulent apprendre à se servir d’un outil ou d’une plateforme en particulier

3. Les tutoriels de design web de Coursera

Aperçu des tutoriels de design web sur Coursera
Tutoriels de design web via Coursera.com

Assurez-vous de consulter :

  • Design web pour tous : code et développement. Ce cours aborde un peu toutes les bases de la conception web, à un niveau débutant. Donc si vous êtes encore tout nouveau dans le monde du design web (ou tout nouveau dans certains aspects en particulier), vous êtes au bon endroit. Vous apprendrez ce que sont les feuilles de style en cascade (CSS), le design adaptatif, le HTML et l’accessibilité web.

Et ne manquez pas :

Capture d'écran d'un tutoriel sur le design UI sur Coursera
Tutoriels de design web via Coursera.com

À propos de Coursera :

De toutes les plateformes de tutoriels mentionnées dans cette liste, Coursera ressemble le plus à une véritable école en ligne, surtout parce qu’elle propose des cours universitaires accrédités et participent à des programmes d’études en ligne pour les universités du monde entier.

Coursera est une très grande plateforme qui traite de nombreux sujets, bien au-delà de la conception web. Mais ce n’est pas parce qu’elle n’est pas spécialisée dans ce domaine-là en particulier que son offre laisse à désirer. La plupart des tutoriels proposés proviennent directement d’universités et sont dispensés par des professeurs. Et puisque c’est une plateforme reconnue, vous y trouverez également des cours dans de nombreuses langues différentes.

Spécialités : 

  • Développement web
  • Design adaptatif 
  • Design UX
  • Informatique
  • Marketing de contenu
  • Design graphique
  • … et à peu près tout le reste !

Prix :

  • Les prix varient énormément : certains cours sont gratuits et d’autres (les diplômes universitaires) coûtent plusieurs dizaines de milliers d’euros
  • Possibilité de demander des aides financières

Particulièrement adapté à :

  • Ceux qui veulent obtenir un certificat ou diplôme universitaire
  • Ceux qui ne parlent pas anglais couramment

4. Les tutoriels de design web de Youtube

 

Assurez-vous de consulter :

Design UX : comment créer ses wireframes. Ce tutoriel décompose le processus de conception UX du début à la fin et vous guide tout au long des premières réflexions jusqu’à l’esquisse de vos wireframes.

Et ne manquez pas :

À propos de YouTube :

YouTube est une ressource incroyable pour apprendre à peu près tout et n’importe quoi, y compris le design web, le développement web, et le design UX et UI. Le point fort de la plateforme c’est la grande diversité de vidéos d’experts qu’on y trouve, notamment en conception web. Peu importe ce que vous voulez apprendre ou vos centres d’intérêt, il y a forcément une chaîne YouTube idéale pour vous.

Prix : 

  • Gratuit

Particulièrement adapté à :

  • Aux débutants et aux professionnels qui cherchent à apprendre davantage de choses

5. Les tutoriels de design web de Pluralsight

Aperçu des tutoriels de design web sur Pluralsight
Tutoriels de design web via Pluralsight.com

Assurez-vous de consulter :

Les tests A/B en design web. Ce tutoriel guidera les designers confirmés à travers un sujet que tout bon designer doit maîtriser : les tests A/B. Vous apprendrez à intégrer un outil de test fractionné dans une landing page adaptative et à analyser les données qu’ils produisent, ce que vous ferez probablement beaucoup en tant que designer web.

Et ne manquez pas :

Capture d'écran d'un tutoriel sur le design web adaptatif sur Pluralsight
Tutoriels de design web via Pluralsight.com

À propos de Pluralsight

Bien qu’une grande partie du contenu de Pluralsight date d’il y a quelques années, ça reste l’une de plateformes de tutoriels de conception web les plus appréciées et les mieux notées. Les vidéos sont téléchargeables afin de pouvoir les regarder hors ligne, et les cours sont divisés en plusieurs chapitres d’environ 5 minutes chacun (certains d’une minute seulement et d’autres allant jusqu’à 20 minutes).

Pluralsight est particulièrement utile pour les tutoriels en design web adaptatif. Si le design mobile est l’une de vos priorités, vous trouverez tout ce qu’il vous faut ici. La plateforme propose également des tutoriels interactifs, mais uniquement pour les abonnés Premium.

Spécialités : 

  • Tutoriels sur le design adaptatif
  • Développement web
  • Logiciel de design web

Prix : 

  • 24,35€/mois (20,93€/mois pour l’abonnement annuel)
  • 31,43€/mois pour l’abonnement annuel Premium, ce qui inclut les certificats de participation et les tutoriels interactifs
  • 10 jours d’essai gratuits

Particulièrement adapté à : 

  • Aux designers web qui donnent la priorité aux versions mobiles
  • Ceux qui préfèrent étudier hors ligne

6. Les tutoriels de design web d’Udemy

Aperçu d'un tutoriel de design web sur Udemy
Tutoriels de design web via Udemy.com

Assurez-vous de consulter :

7 designs web réalisés sur Photoshop. Apprenez le design web en vous lançant directement. Photoshop est un logiciel très populaire auprès des designers web. Ce cours est composé de 7 tutoriels, tous axés sur la conception web (à partir de zéro) dans Photoshop. Au programme : comment supprimer des personnages à l’arrière-plan d’une image sans la détruire entièrement, comment aligner plusieurs calques, et toutes les autres informations essentielles à tout bon designer web professionnel, comme « comment se démarquer de ses concurrents » et « comment aider vos clients à développer leurs activités grâce à une excellente conception web ».

Et ne manquez pas :

Capture d'écran d'un tutoriel Photoshop sur Udemy
Tutoriels de design web via Udemy.com

À propos d’Udemy :

Udemy est l’une des plateformes les plus fiables du web. C’est souvent le premier choix des concepteurs qui veulent apprendre de nouvelles choses ou acquérir de nouvelles compétences. Sur Udemy, vous ne payez que ce que vous utilisez : au lieu de s’abonner, on achète le droit de regarder tel ou tel tutoriel. Vous ne payez donc que pour ce dont vous avez besoin.

Par ailleurs, la popularité de la plateforme fait que son système de notation des tutoriels est fiable, vous savez donc tout de suite à quoi vous attendre. C’est d’autant plus important que le nombre de tutoriels disponibles est impressionnant ! Cela signifie également qu’il est possible de trouver des tutoriels sur des sujets moins populaires, comme la Gestalt ou le design de thèmes individuels.

Spécialités : 

  • Développement web
  • Designs WordPress
  • Tutoriels sur le design web adaptatif
  • Logiciel de conception web

Prix : 

  • Les prix varient en fonction des cours, mais la plupart des tutoriels sont à 15,95€
  • Le nombre d’heures varie également. Vous devez donc vérifier vous-même que vous en avez pour votre argent
  • Certains tutoriels sont gratuits

Particulièrement adapté à : 

  • Ceux qui ne veulent pas payer pour plus que ce dont ils ont besoin
  • Ceux qui n’arrivent à trouver nul part ailleurs de tutoriel sur un sujet précis

7. Les tutoriels de design web de Dreamweaver

Capture d'écran d'un tutoriel sur Dreamweaver Tutorials
Tutoriels de design web via Dreamweaver Tutorials

Assurez-vous de consulter :

Et ne manquez pas :

Capture d'écran des tutoriels de design web de Dreamweaver Tutorials
Tutoriels de design web via Dreamweaver Tutorials

À propos de Dreamweaver :

Pour être parfaitement clair, Adobe Dreamweaver CC est un logiciel de design web, considéré par les professionnels comme le meilleur sur le marché. Le blog du logiciel, Tutoriels Dreamweaver, propose des dizaines d’articles et de vidéos pour apprendre les techniques du design web et comment les réutiliser dans Dreamweaver.

Notez cependant que vous n’avez pas besoin d’utiliser Dreamweaver pour tirer profit des tutoriels proposés, bien que cela constitue un avantage. Le gros atout de la plateforme, c’est que le contenu est gratuit. C’est donc un excellent point de départ pour ceux qui manquent de budget.

Spécialités :

  • Utiliser Dreamweaver CC
  • Tutoriels sur le design web adaptatif
  • Les différentes étapes du processus de design
  • Développement web

Prix : 

  • Gratuit

Particulièrement adapté à : 

  • Ceux qui veulent apprendre, mais qui n’ont pas de budget
  • Aux designers qui aiment travailler sur Dreamweaver CC

8. Les tutoriels de design web de Skillshare

Capture d'écran des tutoriels de design web de Skillshare
Tutoriels de design web via Skillshare

Assurez-vous de consulter :

Design web : créer des pages efficaces avec résultats à l’appui. Ce tutoriel ne dure qu’une heure, mais c’est tout ce dont vous avez besoin pour découvrir les principes clés pour créer une page d’accueil réussie. Vous apprendrez non seulement les aspects visuels du design, mais aussi comment concevoir des pages web dans le but d’augmenter votre taux de conversion.

Et ne manquez pas :

 

Screenshot of Skillshare web design tutorials
via Skillshare

À propos de Skillshare :

Comme Coursera, Skillshare est une énorme plateforme qui propose des cours en tous genres, pas seulement en design web. Le public ciblé est tout de même majoritairement « créatif ». Les cours sont divisés en vidéos d’environ 5 à 10 minutes chacune, que vous pouvez regarder à votre rythme.

Ce qui est bien avec Skillshare c’est que l’on peut facilement s’intéresser à des sujets très variés, tout en restant dans un domaine donné. Si vous souhaitez par exemple apprendre des stratégies de référencement tout en développant vos connaissances en design web, Skillshare est la plateforme idéale pour vous. Les abonnements permettent d’avoir un accès illimité à tous les tutoriels, qu’il s’agisse de design graphique, d’animation, d’écriture créative ou de stratégies commerciales digitales.

Spécialités: 

  • Développement web
  • Design UX
  • Tutoriels sur le design web adaptatif
  • Designs WordPress
  • Design graphique
  • Animation
  • Autres sujets en lin : référencement, e-commerce, etc.

Prix :

Particulièrement adapté à : 

  • Ceux qui veulent étendre leurs connaissances au-delà du design web

Il ne vous reste qu’à vous lancer !

Il n’est jamais trop tard pour apprendre le design web. Se lancer dans cette profession peut aux premiers abords sembler être un rêve lointain, mais une fois que vous vous serez lancé, vous verrez à quel point il n’est pas si lointain que ça. Si vous n’êtes pas 100% sûr de vous, commencez par regarder des vidéos gratuites, puis passez au niveau supérieur une fois que vous êtes prêt.

Vous pouvez même commencer par ce blog, car nous avons une section entièrement dédiée au design web. Il n’y a plus qu’à !

Vous avec besoin d'un design web professionnel ?
N'hésitez pas à faire appel à nos talentueux designers web.