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.
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
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
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
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
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
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
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
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
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
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
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
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
Un autre excellent Blog dédié au Webdesign, plein de bonnes ressource pour votre inspiration.
[…] 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. […]
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
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
« 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.
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
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
Merci pour cet article très riche en information et bien utile pour les personnes autodidactes… 🙂
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 =)
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 !
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 ?
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
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