Débutants, tout ce que vous devez savoir pour soigner le Design de votre Site

Partagez si vous aimez ->

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 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

 

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.

 

Quel est votre principale difficulté ?

Répondez à cette question s’il vous plait : Est-ce que le Design est un problème pour vous ? Si non, quel est votre principale difficulté pour créer votre Site :

  • Quel outil utiliser ?
  • Choisir ou personnaliser votre thème graphique ?
  • Le référencement dans les moteurs de recherche ?
  • Le Marketing, les réseaux sociaux…?
  • Comment créer une boutique et vendre e, ligne ?
  • Ou tout autre difficultés….

Je répondrai à TOUTES vos questions dans les commentaires ! Promis.

Partagez si vous aimez ->

Youcef

Concepteur de Sites Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Mon objectif est de vous aider à trouver la solution idéale pour créer votre propre Site Internet.

Vous aimerez aussi...

5 réponses

  1. 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

  2. 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

  3. 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

  1. 12 février 2014

    […] Le Design de votre Site a un impacte important sur vos visiteurs. 50 millisecondes pour que l'utilisateur se forme une opinion ! Guide du débutant.  […]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Simple Share Buttons