Les bases du design sur le web

Avoir un site propre, élégant et avec du caractère, c’est souvent plus facile à dire qu’à faire. Nous vous proposons un petit tour des bonnes (et mauvaises) pratiques, qui vous permettront de mettre en place les bases d’un bon design web pour votre site !

En tant que professionnel, votre site internet est la vitrine de votre entreprise : il doit inspirer confiance et être facile à lire.

Pensez lisibilité

La première chose dont vous devez vous souvenir, c’est que vos visiteurs vont chercher des informations. Vous devez leur en faciliter la lecture.

Choisissez bien vos polices d’écriture

Grâce à Web ProPulse, vous aurez le choix parmi plus de 1 000 polices d’écriture. Vous n’aurez donc plus qu’à sélectionner celles qui vous conviennent le mieux pour votre site.
Vous serez peut-être tentés par certaines d’entre elles parce qu’elles sont originales, parce qu’elles expriment de la personnalité. Attention toutefois, l’inconvénient de ces polices étant qu’elles rendent parfois les textes difficiles à lire…

D’une manière générale, vous pouvez utiliser une police plus “osée” pour vos titres, qui resteront relativement courts. Pour les contenus de votre site (paragraphes, la description d’une prestation, une fiche produit, le contenu d’un blog…), préférez une police avant tout facile à lire, comme par exemple du Roboto, du Poppins, ou du Open Sans, qui s’avèrent simples et très efficaces.

Comment choisir la police Google Fonts idéale

Un fond simple et uni pour un texte facile à lire

Dans la continuité de rendre la lecture facile, évitez de mettre des textes par-dessus des images. Ceux-ci peuvent rapidement devenir illisibles.

Pensez aux contrastes

Le contraste, c’est ce qui fait qu’une chose se voit bien au-dessus d’une autre. Par exemple : un texte sur un fond de couleur. Un texte bleu sur un fond bleu sera difficilement lisible. Un texte jaune sur un vert clair également

Il est donc préférable de rester simple et de prévoir une couleur de texte et de fond de page simples et élégantes, comme pour cet article par exemple !

Evitez les couleurs trop vives

Les couleurs trop vives ont tendance à agresser l'œil et rendront l’expérience de l’utilisateur sur votre site très négative. Nous vous recommandons donc d’éviter de les utiliser, ou bien de ne les utiliser que pour des petits éléments devant attirer l'œil, comme un bouton d’appel à l’action par exemple.

Créer son identité visuelle, par où commencer ?

Les détails qui font la différence

Les tailles d’images

Lorsque vous affichez plusieurs images côte à côte (dans des colonnes de contenus par exemple, ou pour afficher les logos de vos clients), préférez mettre des images de même taille. Il est ainsi conseillé de redimensionner toutes vos images avant de les installer sur votre site afin d’obtenir un design web équilibré.

Restez harmonieux

Que ce soit pour les visuels dans des colonnes de contenus ou des icônes pour présenter vos prestations, prenez soin de rester harmonieux.
Attention ainsi à ne pas mettre de photos au milieu d’illustrations, ou encore à ne pas ajouter une image en noir et blanc alors que toutes les autres sont en couleur.

Nous vous avons d’ailleurs préparé un article pour vous aider à trouver des images libres de droits.

Pour rappel, Web ProPulse vous permet de définir vos règles de design (polices d’écriture, couleurs, etc) pour l’ensemble de votre site web. Au-delà du fait de vous faire gagner du temps lorsque vous souhaitez faire des modifications, c’est aussi un moyen efficace de vous aider à rester cohérent sur l’ensemble de votre site.

Vous ne connaissez pas encore Web ProPulse ? Demandez une démo gratuite !