Skip to main content

Le Web Design n’est pas si compliqué que vous l’imaginez. Vous allez voir comme il est simple de réussir votre Site Web en mettant en pratique les conseils et astuces que j’ai regroupé pour vous ici.

 

L’impact du Design de votre Site sur vos visiteur !

Pour commencer, j’aimerais vous sensibiliser sur l’importance du Design de votre site.

Beaucoup de personnes pensent que si leur produit est bon, ou leur contenu est de qualité cela suffit à attirer ET fidéliser les clients / lecteurs de leur site. C’est faut !

Un site est comme une vrai boutique, si la vitrine est sale et que les rayons sentent la poussière, vous n’aurez pas envie d’y rester longtemps. Par contre si la vitrine est attrayante, et l’intérieur bien ordonné, avec de magnifiques présentations, vous y passerez forcément plus de temps, et les chances que vous achetiez quelques chose seront plus grandes.

J’ai découvert cette infographie sur le blog de Wifeo. Elle résume très bien l’impacte de design d’un Site sur les visiteurs.

L'impact du design de votre Site sur vos visiteurs

(cliquez pour agrandir l’image. Source: Wifeo.com)

 

Avoir une page d’accueil séduisante est donc le meilleur moyen de vous démarquer de vos concurrents et de captiver l’attention de vos visiteurs. Donnez leur envie de rester sur votre site et d’acheter vos produits ou services.

 

Suivez-moi, dans la suite de l’article nous allons passer ensemble à la pratique.

 

Principes de base que vous devez connaitre

OK, vous avez compris que vous devez soigner le design de votre Site. Mais si vous débutez vous ne connaissez pas encore les principes de base d’un bon design ni par ou commencer.

Voici quelques ressources que j’ai sélectionné pour leur qualité pédagogique.

 

 7 Principes Fondamentaux de Design d’un Site

Les 7 Principes Fondamentaux de Design d’un Site

Dans cet article, vous allez apprendre

  • La hiérarchie visuelle : comment ordonner les éléments sur une page Web
  • Les proportions et le Nombre d’Or
  • La règles des tiers pour les images
  • Et d’autres notions théoriques fondamentales : La symétrie, les espaces, les proportions, le principe de continuité…

 

6 astuces pour améliorer le design de votre site

6 astuces pour améliorer le design de votre site

Article moins théorique, mais concis et pratique : Des conseils sur les images, la lisibilité de vos textes, l’alignement et d’autres astuces.

 

10 conseils pour créer une page d’accueil efficace

10 conseils pour créer un page d'accueil réussie, soiger le desigin de son site

De précieux conseils sur la mise ne page de votre Page d’Accueil, véritable vitrine de votre Site.

 

Couleurs

Les couleurs sont des éléments essentiels du web design. Elles définissent le thème ou la charte graphique de l’ensemble de votre Site. Savoir utiliser les couleurs adaptées à cotre activité est essentiel, car elles ont un véritable impacte psychologique sur les visiteurs.

Psychologies des couleurs dans le Web Design

Sopigner le design de son site, psychologie des couleurs, creer son site internet

Une infographie originale et instructive, que j’ai traduit pour vous dans un précédant article.

 

Comment choisir les couleurs de votre Site internet

Pour creer son sote internet il faut soigner le design et bien choisir ses couleurs

Vous trouverez ici des conseils pratiques pour choisir les couleurs en fonction de votre cible.

 

Comment bien choisir ses couleurs pour créer une charte graphique

Comment bien choisir ses couleurs pour créer une charte graphique site web

Cet article est rédigé par Jonathan Menet, un Webdesigner professionnel. Il expose ici les notions fondamentales sur les couleurs et présente la roue chromatique. Un article à ne pas manquer.

 

Typographie

Savez-vous que les textes et leur mise en forme sont des éléments qui font partie du design d’un Site ?

Pour réussir votre Site Web, vous ne devez négliger aucun détail. Vous devez donc apporter tout autant d’attention au Polices de caractères que vous utilisez qu’aux couleurs et autres élément dont j’ai parlé plus haut.

Petit guide des polices et de la typographie

Tout savoir sur les polices et la typographie, pour creer son site web et réussir

Cet article est véritablement une ressource de grande qualité. Vous y trouverez toutes les notions de base sur la typographie, dans un texte accessibles à tous. Vous apprendrez entre autre :

  • Différence entre Police et Fonte
  • Les grandes familles de police
  • La structure des lettres
  • Des conseils pour bien utiliser et combiner les polices
  • Et enfin un inévitable passage sur les Web Fonts

Comment associer des typos : 10 combinaisons infaillibles

Comment associer des typos combinaisons

Ceci est un excellent article très complet qui vous apprendra comment associer les typographies en fonction de votre secteur d’activité

 

5 conseils pratiques pour la typographie de votre site web

conseils pratiques pour la typographie de votre site web, soigner le design site

Comment choisir une police en harmonie avec votre design ? Plus quelques conseils à mettre en pratique immédiatement.

 

Comment choisir judicieusement vos polices de caractères

Comment choisir judicieusement vos polices de caractères et soigner son design

Article qui présente les principes de base, également des conseils pratique et surtout quelques exemples concrets d’utilisation des Polices.

 

Ergonomie

Le design ce n’est pas seulement de beaux graphismes. C’est aussi la manière dont votre Site fonctionne:

  • La navigation est-elle intuitive ?
  • Le visiteurs trouvent-ils rapidement ce qu’ils cherchent ?
  • L’information est-elle bien structurée ?

Des questions essentielles que vous devez avoir à l’esprit lorsque vous concevez vos pages !

Il y plein de ressources à ce sujet, mais celle-ci résume toutes les bases d’un bon design et d’une bonne ergonomie

Design et ergonomie : Respectez les standards

 

Tenez-vous informés des tendances

Si vous êtes curieux comme moi, vous devez avoir envie d’être au courant des dernières tendances en Web Design. Toujours à la recherche de nouveautés et d’inspiration.

Alors je vous recommande chaudement ces deux Site toujours très actifs et incontournables en matière de Design :

 

Blog du Webdesign

Blog du Webdesign, apprendre a creer son site internet facilement

Ce site n’est pas seulement un Blog, c’est une véritable communauté de professionnels du Web, avec une passion commune : Le Webdesign.

Il vous offres :

  • Des ressources
  • Des tutoriels
  • De l’inspiration
  • Et pleins d’autres choses

 

Webesigner Trends

Webdesigner Trends, creer son site web avec un design soigné couleur police

Un autre excellent Blog dédié au Webdesign, plein de bonnes ressource pour votre inspiration.

Youcef Kébaïli

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

12 commentaires

  • Ping : Guide du débutant pour apprendre les bas...
  • Stéphane dit :

    Hello,

    Une autre chose importante dans un site Web ou un blog, est la qualité de l’écriture. Se relire et corriger ses fautes est nécessaire. Loin de moi l’idée de critiquer, mais c’est un conseil que je vous donne, tout comme vous nous en donnez dans vos billets. 🙂

    À bientôt.
    Stéphane

    • Youcef dit :

      100 % d’accord avec toi Stéphane, merci
      Je m’efforce de lire et relire plusieurs fois avant de publier.

      Un article bourré de fautes a tendance à faire fuir les lecteurs.

      A bientôt

    • Sylvain dit :

      « Beaucoup de personnes pensent que si leur produit est bon, ou leur contenu est de qualité cela suffit à attirer ET fidéliser les clients / lecteurs de leur site. C’est faut ! » Aie.

  • machr dit :

    très intéressant, je me lance et je sais pas trop part quel bout commençait ???si vous avez une idée je prend,,j’ai commençais avec dream et mate un peux se qu’il se fait à droite et gauche ,,mais c’est que je trouve, que je que je présente pour le moment n’est pas très vivant!!
    mais j’aime bien votre page qui parle couleur, typo, etc
    merci

  • Trésor dit :

    Bonjour les amis Je suis un débutant dans le monde du webdesign je connais pas mal des choses sur la programmation Web « HTML et CSS  » « PHP  » bientôt j’attaquerai Javascript alors je veux que vous m’aidiez comment je peux apprendre le webdesign où pourrais-je commencer car je veux faire les design moi même je vous remerci beaucoup pour votre réponses

  • wissal dit :

    Merci pour cet article très riche en information et bien utile pour les personnes autodidactes… 🙂

  • Jérôme dit :

    Salut salut, je souhaite me former au web design dans le but de complémenter le travail de mon dev sur mon projet, as tu des conseils à me donner ? quels outils ? et peut-être une formation à me conseiller ?
    Merci pour toutes ces ressources, merci pour ce blog tout simplement =)

    • Youcef dit :

      Salut Jérôme, merci pour ton message 🙂
      Le mieux pour progresser en Webdesign (comme dans n’importe quel domaine) est de suivre une formation de base, bien structurée. Il y a bien sûr des milliers de tutos sur le web, mais un tutoriel n’est qu’un petit bout de connaissance délivré de manière fragmentée, sans fil conducteur, et ne donne pas une vision d’ensemble.
      Alors qu’une formation possède un cheminement, une logique de progression qui te fera monter en compétences.

      Pour moi, la meilleure plateforme de formation en ligne (rapport qualité/prix, pédagogie) c’est OpenClassrooms. C’est une valeur sûre !

  • leconte dit :

    hello,
    tes articles son très clair et intêressant
    j’ai juste un problème pour les imprimer à cause des images sur le côté droit et la bannièee de haut
    on ne peux pas optimiser pas la place du texte dans la copie
    Peux-tu faire quelques chose ?

  • sarah Z dit :

    Bonjour,
    Je souhaiterais apprendre à créer un site internet en autodidacte est ce possible selon vous et par quoi commencer? quels sont les outils dont j’ai besoin?
    merci par avance

  • Ibrahim dit :

    Bonjour Youcef,

    Je vais commencer une formation de web designer, quel ordinateur me conseilles tu d’avoir pour la formation et pour carrière professionnelle plus tard dans le même domaine biensur.
    Merci
    Fida

Laissez un commentaire