Astuces et conseils

Comment concevoir un site internet en 2019

Si vous souhaitez apprendre à concevoir un site web, cette page contient tout ce que vous devez savoir.

Chacun ses goûts et ses couleurs : On le sait. Mais si vous souhaitez savoir créer un bon site web harmonisant facilité d’usage et design, c’est tout une autre chose. 

Maintenant que vous avez atterri sur cette page, on peut y aller !

Nous allons passer en revue les sept étapes clés que vous devez suivre pour concevoir un site web.

De plus, nous soulignerons certaines des tendances en matière de design pour 2019. Si vous souhaitez créer un nouveau site ou modifier un site existant, vous êtes au bon endroit mais nous avons déjà effectué un article sur la refonte d’un site web.

Allons-y, prenez votre souris à portée de main et laissez couler votre créativité, il est temps de plonger.

Créer un plan de projet

Tout d’abord : prenez du recul et créez un plan de conception. Vouloir apprendre à concevoir un site web sans plan équivaudrait à peindre directement sur une toile sans croquis approximatif.

Avant de commencer à rêver de galeries vidéo et de boutons d’appel fantaisie, posez les quatre questions suivantes :

Quel type de marque voulez-vous construire ? Prenez un stylo et du papier et notez les adjectifs décrivant votre marque.

À quoi ressemblerait le succès ? Est-ce que vous essayez de faire des ventes ? Promouvoir une marque ? Ou juste vous amuser un peu ?

De quel type de fonctionnalités avez-vous besoin ? Celles-ci pourraient être des boutons d’inscription à la newsletter et des médias sociaux. Lorsque vous choisissez une plate-forme de création de site Web (étape 2), vous devez savoir qu’elle présente les fonctionnalités souhaitées.

Pour qui est votre site ? Pensez à votre futur public. Que voudront-ils trouver ?

Votre site devrait refléter les réponses à ces questions. Par exemple, si vous avez besoin d’un site formel et professionnel, vous aurez besoin de couleurs sérieuses comme le blanc et le gris. Nous allons parler de ce sujet plus tard.

Ce processus vous aide également à éviter de concevoir dans la mauvaise direction.

Ensuite, effectuez des recherches sur les concurrents. Rechercher des sites similaires à votre futur site. Qu’est-ce que vous-aimez ? Qu’est-ce que vous n’aimez pas ? Obtenez de l’inspiration. Il s’agit d’une étape clé dans l’apprentissage de la conception d’un site Web.

Choisir la bonne plateforme

Avant de commencer à concevoir votre site web, vous devez choisir une plate-forme pour construire votre site.

Le choix typique consiste à choisir entre un constructeur de site Web hébergé, tel que Wix, ou une option open source, coder par vous-même ou demander à une agence de web (coucou nous sommes là), des CMS telle que WordPress, ou une entreprise de conception de sites web offrant des services complets, comme Exai.com.

Nous menons nos propres recherches pour déterminer quel constructeur de site Web convient le mieux.

Créer sa homepage : décider de la disposition et de la navigation dans les menus

Une fois que vous avez choisi votre plate-forme de création de site web, il est temps de vous concentrer sur votre navigation et votre mise en page. C’est la première étape créative de la conception d’un site web.

Votre page d’accueil est comme votre vitrine, il est donc très important que vous preniez le temps de bien faire les choses. Les visiteurs ne doivent pas douter de la nature de votre site.

Les bons sites web sont plus que juste un joli visage. Un bon site web offre un style unique, mais aussi une expérience.

Une page d’accueil efficace facilite la navigation des visiteurs sur votre site. Les actions que vous attendez du visiteur doivent être clairement définies. Dans cette section, nous aborderons deux aspects de la page d’accueil : la disposition et la navigation dans les menus.

Mise en page d’accueil

Sur un niveau simple, une page d’accueil a deux parties : au-dessus et au-dessous du pli. Lors de la mise en page de votre page d’accueil, vous devez réfléchir à ce qu’il faut mettre dans chaque section.

Au-dessus du pli = la moitié supérieure de la page. Le contenu placé ici devrait être important, car votre visiteur n’aura pas à faire défiler l’écran pour le voir. Par exemple, une phrase résumant la valeur ajoutée par votre site et un appel audacieux à l’action qui relie votre point de conversion supérieur (une inscription à une newsletter, par exemple). Définissez le langage de votre CTA très spécifique et axé sur l’action.

Sous le pli = Contenu plus détaillé prenant en charge le matériau situé au-dessus du pli. Par exemple, une ‘liste des avantages’. Si vous êtes un artiste, cette liste explique pourquoi un visiteur doit vous utiliser. Un autre contenu secondaire pourrait être des indicateurs de confiance tels que des critiques.

Un mot d’avertissement : souvent avec apprendre à concevoir un site web, moins c’est plus. Ne laissez pas votre site devenir encombré ou trop compliqué. Communiquez le message central de votre site.

Qu’en est-il du positionnement du logo ?

Si vous avez un logo, vous avez plusieurs options pour choisir où le mettre. Si votre site est moins axé sur la marque et davantage sur les produits ou services, placez votre logo sur la même ligne que la barre de menus. Si vous vous concentrez davantage sur la marque, essayez de placer le logo au centre, sous la barre de menus. Vous obtiendrez plus d’espace, mais risquerez de vous distraire des messages commerciaux de votre navigation.

Si vous n’avez pas de logo, voici comment en créer un.

Navigation sur la page d’accueil

La barre de navigation est le menu utilisé par les visiteurs pour naviguer sur votre site. Voici ce que nous avons fait précédemment sur Shopify :

how_to_design_a_website _-_ exemple_navigation_menu

Savoir comment concevoir une navigation sur un site Web qui fonctionne implique :

Ajoutant uniquement les pages nécessaires.

Construire des catégories de liens connexes

S’assurer que les titres des pages sont courts et clairs

S’assurer que la barre de navigation est facilement visible

Chaque section de votre navigation doit avoir un objectif final clair pour l’utilisateur. Soyez précis dans vos titres. Par exemple, « Magasinez des chaussettes rétro » au lieu de «Nos produits». Ne surchargez pas vos visiteurs avec trop d’options. Cela conduira à une paralysie des choix.

La plupart des sites Web placent la barre de navigation en haut de la page. Nous vous recommandons de faire la même chose. Vous n’avez pas besoin de réinventer la roue. C’est ici que les utilisateurs Web s’attendent à trouver la navigation.

Assurez-vous d’inclure des liens vers les pages Contact et À propos de nous et une page FAQ. Cela vous fera également gagner du temps pour répondre aux demandes individuelles.

Lorsque vous avez terminé, montrez votre page d’accueil à vos amis et à votre famille. Demandez-leur ce qu’ils pensent. S’ils trouvent votre site déroutant, retournez à la planche à dessin.

Vous concevez votre mise en page et votre navigation en déplaçant des éléments autour de votre modèle. Nous discutons des modèles à la quatrième étape.

Choisissez un thème / modèle

Pour remplir votre page d’accueil, vous devrez choisir un modèle (également appelé thèmes).

Les créateurs de sites web ont à leur disposition une grande variété de modèles élégants.

De plus, ils sélectionnent pour vous en filtrant les modèles par catégorie. Vous pouvez sélectionner un thème qui correspond à votre secteur.

La plupart des plateformes proposent une gamme de modèles gratuits et payants. Expérimentez avec le modèle que vous avez choisi en ajoutant différentes fonctionnalités et éléments.

Avec certains modèles payants, vous ne pourrez peut-être pas personnaliser. Visualisez les démonstrations de plusieurs modèles avant d’en choisir un.

N’oubliez pas qu’il est peu probable que vous trouviez le modèle idéal, mais une approche systématique peut vous aider à réduire le choix de centaines à une petite sélection.

La plupart des modèles viendront avec un en-tête préconçu. Ils peuvent contenir des images, des galeries et même des vidéos. Ne sautez pas pour l’option la plus éclatante. Sélectionnez un en-tête avec lequel vous pouvez travailler, qui communiquera le message central de votre site. Il existe de nombreux types d’en-tête. Chacun est bon pour différents types de sites.

Par exemple, les en-têtes statiques sans contenu sont utiles pour les sites qui comptent sur des images de haute qualité pour attirer les visiteurs.

Mais les en-têtes statiques prennent de la place, donc n’en utilisez pas si vous utilisez du texte pour expliquer votre travail.

Le choix le plus sûr est une image d’en-tête statique avec un contenu. Vous obtenez des éléments clés, notamment :

Gros titre

Paragraphe principal

CTA (des boutons ou des liens de texte vers un point de conversion principal, par exemple une commande).

Image de soutien.

Les sites plus complexes qui proposent plusieurs produits ou services peuvent vouloir un en-tête de diaporama.

Choisissez un jeu de couleurs (les couleurs principales du thème)

Nous parions que vous ne saviez pas que 85% des acheteurs disent que la couleur est une des principales raisons pour lesquelles ils achètent un produit particulier, selon KissMetrics.

Il n’est donc pas surprenant que le choix d’une palette de couleurs constitue un grand pas dans la conception d’un site web.

Cette étape consiste à vous aider à élaborer une stratégie couleur gagnante pour votre site. Une bonne stratégie de couleur implique trois choses :

  • Une couleur dominante combinée avec une couleur complémentaire
  • Une couleur de fond
  • Un jeu de couleurs cohérent sur le site
  • Votre couleur dominante devrait être celle dont vous voulez que les gens se souviennent. Si vous avez un logo, utilisez une couleur primaire de votre logo comme couleur dominante. Les parties de grande valeur de votre site doivent être conçues dans votre couleur dominante.

Comprenez la signification des couleurs avant de choisir celle-ci. Le rouge, par exemple, évoque la passion et l’urgence. Il attire les acheteurs impulsifs et est efficace pour les ventes de restauration rapide et de liquidation. Notre guide complet des couleurs contient une description complète de la personnalité des différentes couleurs.

Apprenez ce que chaque couleur représente et assurez-vous que celle que vous choisissez reflète votre site.

Choisir un kaléidoscope de couleurs vives et joyeuses si vous êtes un service de conseil hypothécaire en ligne équivaudrait à un enterrement dans un vif short hawaïen. Ce n’est tout simplement pas approprié.

Gardez votre couleur de fond simple. Vous ne voulez pas détourner du contenu de votre site. C’est pourquoi les sites contenant beaucoup d’informations, ou des sites proposant des produits ou des services, optent souvent pour un fond blanc.

Des couleurs gratuites peuvent être utilisées sur votre site pour égayer des zones clés. Expérimentez avec différents contours colorés pour faire apparaître des boutons et des sous-titres.

Quelle que soit la palette de couleurs choisie, il est très important de rester cohérent. Ne pas avoir de couleurs différentes sur des pages différentes. Vos visiteurs vont juste devenir confus.

Ajoutez votre contenu : polices, images et contenu

Parlons du contenu de votre site. Les polices de caractères, les images et la copie sont les secrets de l’apprentissage de la conception d’un site Web. Dans cette étape, nous allons les aborder un par un, en commençant par les polices.

  • Les polices

La règle d’or des polices est la suivante : ne sacrifiez jamais la lisibilité pour du style. Quel est l’intérêt d’une bonne police si personne ne peut lire les mots ?

Comme votre jeu de couleurs, votre choix de police doit également être cohérent. Assurez-vous que les en-têtes de page du site sont dans la même police.

Voici une règle générale en matière de typographie : faites preuve de retenue et n’utilisez pas plus de deux polices différentes. C’est la même chose en matière de couleurs de police. Une ou deux couleurs de police suffiront.

Vous pouvez être plus expérimental avec les polices CTA. Il est logique d’attirer l’œil de votre visiteur sur vos principaux boutons.

Et encore une fois, comme votre jeu de couleurs, votre police doit refléter le ton de votre site. Différentes polices représentent différentes choses. Times New Roman est traditionnel. Calibri, propre et épuré. Donc, ne choisissez pas Comic Sans si vous êtes un site de services professionnels.

Il ne s’agit pas que de la police, il faut aussi de l’espace entre les lignes de texte. La hauteur de ligne parfaite correspond à 150% de la taille de la police utilisée.

  • Contenu

Le contenu de votre site ne doit pas être que l’habillage de la fenêtre. Il doit servir un but et encourager votre visiteur à effectuer une action.

Rendez votre prose accrocheuse et accrocheuse. Il y a peu de choses plus peu attrayantes sur un site web que de gros blocs de texte. Si vous souhaitez faire ressortir une section de contenu, essayez de l’entourer d’un espace blanc.

Gardez également à l’esprit le référencement. SEO est synonyme d’optimisation des moteurs de recherche. C’est la pratique d’obtenir du trafic de la part de moteurs de recherche tels que Google. Une grande partie du référencement consiste à rédiger du contenu ciblé.

Ainsi, si vous vendez des chaussettes, par exemple, vous devez ajouter du contenu destiné aux personnes qui saisissent des termes relatifs aux chaussettes dans Google.

Utilisez Google Keyword Planner comme point d’entrée de base pour le référencement. Également utiliser Google Trends. Assurez-vous que les mots clés pour lesquels vous souhaitez classer (par exemple, un produit) sont inclus dans les H1 et les H2, le contenu du corps et les méta-descriptions.

Conseil : lorsque vous ajoutez des informations de contact, utilisez Schéma de marquage. C’est ce que Google utilise pour extraire votre entreprise des résultats de recherche locaux. Ne vous inquiétez pas si vous n’êtes pas un codeur, les générateurs de schémas peuvent vous aider à créer le bon code pour vous.

Enfin, assurez-vous que la copie de votre site ne contient pas de fautes d’orthographe ou de grammaire. Écrivez dans un langage clair plutôt que de penser à des mots-clés pour le référencement.

  • Images

Les images permettent de transformer un site Web modeste en un festin visuel.

Le contenu visuel augmente les clics et l’engagement. De plus, les images restent gravées dans l’esprit. Si nous entendons une information, nous ne nous en souviendrons que 10%; mais si vous ajoutez une image, vous vous en souviendrez, un nombre incroyable de 65%, selon une étude.

Mais veillez à ne pas surcharger votre site avec des images. De nombreuses images de haute qualité peuvent paraître superbes, mais cela peut ralentir votre site. Les internautes sont impatients et voteront avec leurs souris si votre site ne se charge pas rapidement.

Tester, publier et mettre à jour

Publiez ! Foncez ! Mais d’abord…. Il faut bien entendu tester votre site internet.

Vérifiez toutes les fonctionnalités de votre site web avant de le publier. En gros : Relisez votre copie avant de l’envoyer à votre enseignant !

Si vous avez un budget limité pour la création de votre site web et que vous souhaitez trouver une agence sérieuse à des prix relativement bas pour la qualité fournie : Vous pouvez toujours consulter le site web de notre agence et pourquoi pas effectuer un devis (qui n’engage à rien, on parle et on prend un café…)

À très bientôt, l’équipe Weballo.

Newsletter