Téléchargez un manuel gratuit, qui vous aidera à concevoir votre site en toute confiance.
L’adresse e-mail saisie n’est pas valide.
Nous vous remercions de vous être abonné(e).
En saisissant votre adresse e-mail, vous reconnaissez avoir lu et compris notre Politique de confidentialité et acceptez de recevoir des communications marketing de la part de Squarespace.
Lorsque vous créez un nouveau site, vous comprenez peut-être les bases de ce qui constitue un site Web (images, textes et liens pour y naviguer), mais beaucoup de personnes ont du mal comprendre comment le faire. Quelle doit être la longueur de votre texte ? Comment choisissez-vous les visuels d'une page ?
Bien que les modèles de Squarespace et du kit créatif Squarespace soient de bons points de départ pour vous guider, le fait de bien comprendre certaines règles de conception vous donne plus de pouvoir pour rendre votre site unique. Nous avons fait appel à l'un des experts en création de produits à l'origine des modèles de Squarespace, Jon Wilson, pour obtenir des conseils sur les bases de la conception d'un site Web.
Les deux principaux éléments de la conception d'un site Web
Les différents éléments qui entrent dans la conception d'un site Web se répartissent en deux catégories principales : la conception visuelle et l'interface utilisateur fonctionnelle.
Conception visuelle : cela inclut tout ce que vous voyez, comme les palettes de couleurs, les polices et la typographie, la disposition, le ton du texte et les éléments visuels (icônes, photos, illustrations, etc.).
Interface utilisateur fonctionnelle : considérez cela comme tout ce avec quoi vos visiteurs interagissent sur votre site, comme les boutons, la navigation, les formulaires, les pages de produits et le paiement en boutique.
Pour orienter vos choix en matière de création, vous devez d'abord « définir l'objectif stratégique de votre site Web, qu'il soit destiné à l'expression pure de la marque, à l'hébergement d'informations, à la conversion, à la vente, au recrutement de prospects ou à autre chose », explique M. Wilson.
« L'objectif de votre site Web est-il d'aider les prospects entrants et de communiquer avec vos clients ? L'accent devrait alors être mis sur la présentation du contenu de manière accessible, en haut de la page, en veillant à ce qu'il corresponde aux attentes en matière de champs de saisie et en permettant à vos clients de vous contacter plus facilement et sans heurts. «
« You don’t need to have all the answers for every section on every page. »
1. Choisissez des visuels en tenant compte du contexte et de l'objectif
Lorsque vous choisissez les éléments visuels de votre site Web, essayez de vous en tenir à des images ou à des créations qui reflètent l'énergie de votre marque ou de votre mission en termes de types, de palettes de couleurs ou de sujets.
Ensuite, réfléchissez à la fonction et à l'emplacement de vos éléments visuels. Cela vous donnera une idée de la quantité dont vous avez besoin et de l'endroit où les placer. L'objectif principal d'un élément visuel est-il de :
Transmettre des informations
Ajouter du contexte à votre texte
Susciter une émotion
Être décoratif
Un peu de tout cela
Si vous êtes bloqué, réfléchissez au rôle des images. « Par exemple, les images « hero » doivent attirer l'attention, offrir de l'espace pour placer le texte de manière lisible et définir efficacement les attentes tonales pour le reste de votre site », explique M. Wilson.
N'oubliez pas que la qualité des images que vous choisissez est également importante. « Si vous n'avez pas les meilleurs éléments visuels à montrer ou si vous êtes trop occupé pour obtenir quelque chose de haute qualité, pensez à les réduire », explique-t-il. « Nous vous recommandons également d'éviter un affichage en pleine largeur pour les contenus de moindre qualité. »
Découvrir d’autres conseils pour ajouter des photos à votre site web
2. Faites en sorte que le texte soit clair et bref
« Une ancienne étude du groupe Nielsen Norman suggère qu'en moyenne, les utilisateurs lisent environ 20 % des mots d'une page Web », selon M. Wilson. « Les textes longs, à l'exception des textes rédactionnels, peuvent être difficiles à créer et à résumer.
Bref, en ce qui concerne la quantité de mots à l'écran : moins c'est plus. »
Utilisez ces directives générales comme liste de contrôle lorsque vous consultez le texte que vous rédigez.
Pensez à votre public
Réduisez les répétitions
Utilisez un langage clair
Rendez-le analysable
Lorsque vous créez des appels à l'action (CTA), tels que des boutons ou des textes demandant à quelqu'un de nous contacter, de continuer à lire ou d'acheter quelque chose, indiquez-lui clairement où un clic le mènera. Les CTA sont courts (souvent 20 caractères ou moins) et incitent à l'action, comme « Acheter ».
Sachez qu'aucune règle ne s'applique à tous les sites Web. Combien de mots faut-il pour faire passer votre message sur le ton de votre voix?
En cas de doute, consultez des sites similaires au vôtre. Remarquez les endroits où le texte est long et ceux où il est court. Avez-vous l'impression de sauter des passages ou de décrocher à un moment ou à un autre ? Le texte d'une page d'accueil contient probablement 200 mots ou moins, par exemple. Mais la page « À propos de nous » contient peut-être plus de 500 mots.
Apprenez à utiliser Squarespace AI pour la prise en charge du texte
« It’s tempting to want to create a page for every aspect of your business, then link that page in your primary navigation, but trust us: keep it simple. »
3. Créez des liens de navigation tournés vers l'action
C'est au niveau de la navigation que vous avez le plus de contrôle sur les fonctionnalités de votre site Web. Pour créer une navigation facile à utiliser, gardez deux points principaux à l'esprit :
L'objectif fondamental de votre site Web
Moins c'est plus, même pour la navigation
« Votre site Web est-il un outil destiné à faciliter les achats en ligne de vos produits ? Cherchez-vous des points d'entrée faciles qui permettent à vos visiteurs de passer du temps avec vous ? » demande M. Wilson. « La définition de ces objectifs définira la façon dont vous structurez la langue de votre navigation et les principaux appels à l'action, tels que « Acheter » ou « Planifier ». »
L'approche « moins c'est plus » permet aux visiteurs du site de trouver ce qu'ils recherchent rapidement et efficacement. « Cela permettra de réduire la quantité d'informations qu'une personne doit analyser avant de trouver les liens les plus pertinents », explique M. Wilson. « C'est tentant de créer une page pour tous les aspects de votre activité, puis de créer un lien vers cette page dans votre navigation principale, mais faites-nous confiance : faites simple. »
Lisez notre guide pour concevoir votre navigation
4. Créez une planche de tendances
Si passer directement à l'éditeur du site vous semble trop difficile dans un premier temps, créez une planche de tendances avec des éléments visuels et des sites Web qui vous inspirent. Recherchez des motifs dans ce que vous avez enregistré, comme certaines couleurs, certains styles de caractères ou certaines mises en page.
« Une fois que vous aurez rassemblé un répertoire de dispositions, de palettes de couleurs et d'autres compositions inspirantes, il sera temps de commencer à créer vos propres dispositions, et ce sera le moment de commencer à vous amuser », déclare M. Wilson. « Grâce aux fonctionnalités d'édition de sites Web de Squarespace, vous pouvez découvrir plusieurs possibilités de création jusqu'à ce que vous trouviez une version adaptée à votre marque. »
5. En cas de doute, commencez par le « héros »
La section dédiée aux « héros », l'espace qui suit immédiatement votre logo et la barre de navigation principale, est souvent l'une des sections les plus importantes de votre site Web.
« Vos visiteurs mettront littéralement moins d'une seconde à se faire une idée de votre entreprise après avoir consulté votre site pour la première fois », assène M. Wilson. « L'aspect graphique, la disposition, le contenu, le message et l'appel à l'action revêtent donc une importance capitale pour le « héros ». C'est également l'occasion de donner le ton visuel au reste de votre site Web. »
Pour votre« héros », choisissez une image et/ou un texte qui résume votre marque ou votre activité et ce que vous proposez aux visiteurs du site. L'une des ressources utiles pour les utilisateurs de Squarespace est le catalogue des sections, qui propose des créations choisies que vous pouvez appliquer instantanément à votre site.
« Si votre entreprise ou votre marque n'a pas de norme visuelle défini à ce stade, le « héros » est également une excellente occasion d'explorer différentes combinaisons de polices, de couleurs, d'images et de dispositions », ajoute M. Wilson. « Cette tâche peut sembler ardue au début, mais il convient de rappeler qu'il ne s'agit que d'une section du site Web et que vous n'avez pas à vous sentir obligé d'avoir toutes les réponses pour chaque section de chaque page. »
6. Faites preuve d’originalité
« Une personnalité unique ou une « signature graphique » est un élément clé pour créer une expérience numérique mémorable », développe M. Wilson. « Attirer l'attention de votre public et réduire le bruit est un moyen d'aider votre marque ou votre entreprise à se démarquer, à attirer ou à convertir de nouveaux clients. Une fois que vous aurez défini le caractère général de votre marque, vous pourrez commencer à vous appuyer sur ces attributs grâce à votre créativité. Plus précisément, nous aimons jouer avec la couleur, la typographie, la disposition, les graphismes et le ton du contenu. »
Typographie : découvrez la bibliothèque de polices uniques de Squarespace pour trouver une police qui reflète la personnalité et les éléments visuels de votre marque. Augmentez les contrastes d'échelle entre le gros titre et le corps du texte à l'aide de fonctionnalités telles que Mise à l’échelle du texte.
Disposition : faites preuve d'asymétrie et explorez les espaces blancs. Les blocs de formes et les formes d'image sont d'excellents moyens de donner de la vie et de la fantaisie à des formes encadrées par des angles droits, comme les carrés et les rectangles.
Ton de voix : la façon dont vous parlez de vous, de vos produits ou services et de votre « accroche » commerciale peut varier considérablement en fonction de la réaction émotive que vous recherchez de la part de votre public.