Comment donner à votre site Web une apparence et une sensation professionnelles

Dans cet article, je vais me concentrer sur quelques conseils que je vous encourage à garder à l’esprit lors de la création de votre site Web pour vous aider à faire passer votre site d’amateur à incroyable.

VOTRE SITE A-T-IL UN NARRATIF CLAIR ?

Vous savez ce que c’est… Vous naviguez sur Internet avec désinvolture, à la recherche d’informations ou d’inspiration et puis boum ! Vous tombez sur un site Web qui vous CAPTIVE. Vous lisez la page d’accueil et vous avez hâte d’y plonger. Trois, quatre, cinq clics sur les liens plus tard et vous êtes accro. 

Vous n’êtes plus simplement en train de collecter des informations. Vous vivez une EXPÉRIENCE qui vous parle directement et vous donne envie de crier « Excellent ! » lorsque vous êtes invité à approfondir la relation. 

Les sites Web qui le font bien ont adopté la règle d’or de la création d’une page d’accueil convaincante. Ils s’adressent directement à leur client idéal et ils ont élaboré un récit qui guide leurs visiteurs à agir. 

Prenez un moment pour réfléchir à votre propre page d’accueil. 

Avez-vous un énoncé de positionnement clair et convaincant qui explique aux gens ce que vous faites, à qui c’est destiné et comment vous le faites différemment ?

Puis, vous faites suivre cela par un simple appel à l’action.

Cette approche axée sur le client est bien plus efficace qu’une introduction bourrée de mots clés, écrite entièrement pour le référencement et non pour la conversion. 

Je ne dis pas de ne pas inclure de texte optimisé pour le référencement. C’est aussi important, mais ce n’est certainement pas la première chose que vos visiteurs lisent.

Concentrez-vous sur les visiteurs, prenez le temps de planter le décor et dirigez-les doucement mais délibérément vers l’appel à l’action que vous avez choisi . De cette façon, vous pouvez contrôler la façon dont ils perçoivent votre site et commencer à établir une relation avec eux, avant même qu’ils ne vous contactent. Et n’oubliez pas un simple appel à l’action à la fin de chaque section.

TOUT EST UNE QUESTION D’ESPACE

Beaucoup de gens deviennent nerveux lorsqu’ils voient trop d’espaces blancs sur une page de site Web. Il est si tentant de réduire cet espace ou de « d’utiliser cet espace » pour y ajouter quelque chose au lieu d’avoir ce grand coin vide. 

Mais en plus d’améliorer l’expérience, l’espace blanc (ou négatif) vous permet de laisser respirer chaque idée ou section, ce qui signifie que votre contenu est plus susceptible d’être lu et compris par votre visiteur, plutôt que survolé. 

Saviez-vous que 70 % des visiteurs scannent toujours une nouvelle page et que seulement 16 % la lisent ? 

Il est essentiel de ne pas surcharger votre lecteur avec trop d’idées dans une section de page. 

Si vous avez acheté un thème et que vous essayez d’intégrer plus de contenu que la mise en page de la démo le permet, ne soyez pas tenté de tout mettre dedans. 

De longues colonnes de texte denses sont intimidantes à lire et vous perdrez vos lecteurs. 

Astuce : si vous avez un taux de rebond élevé, de gros blocs de texte peuvent être un facteur clé. 

Il est temps d’utiliser des astuces de conception pour créer une interruption de motif.

Limitez-vous à une idée par section et variez les couleurs d’arrière-plan, la largeur du contenu et insérez des images pour briser ces blocs de texte denses et illisibles et arrêter le survol.

Enfin, sur le plan esthétique, permettez-vous de profiter de l’expérience de l’espace négatif. Aider vos lecteurs à savourer votre contenu et à apprécier le défilement, donne la perception d’un luxe intentionnel plutôt que d’une conception accidentelle occupée.

QUELLE POLICE CHOISIR?

La plupart des gens utilisent trop de polices, de tailles de caractères et de styles différents sur leur site Web. 

Ne le prenez pas personnellement, presque tout le monde le fait. La bonne nouvelle est que c’est presque toujours accidentel et non voulu.

Vous commencez à ajouter votre contenu. Peut-être que vous modifiez quelques tailles de titre. 

Peut-être que vous utilisez parfois des majuscules et parfois des minuscules. 

Peut-être que vous avez une police de script mignonne et que vous l’aimez tellement que vous ne pouvez pas vous empêcher de l’ajouter ici et là et là-bas aussi…

Au moment où vous arrivez au bas de votre page d’accueil, les choses commencent à sembler un peu désordonnées. Mais vous persévérez avec les autres pages. 

Même démarche, même malaise et vers la fin, on s’essouffle. 

« Peu importe, ça fera l’affaire », dites-vous, en ajoutant quelques lignes de texte à votre page de contact et en y ajoutant une image. À ce stade, vous ne pouvez même pas vous soucier de remplacer les polices par défaut. 

Comment donner à votre site Web une apparence et une sensation professionnelles
La règle des 3 polices
  • Vérifiez attentivement toutes les zones dans les paramètres de votre thème pour vous assurer de ne manquer aucun paramètre de police.
  • Définissez des tailles standard pour les titres et sous-titres pour ordinateur de bureau, table et mobile, plutôt que de les définir au fur et à mesure.
  • 2-3 polices maximum suffisent. 
  • Variez l’épaisseur de vos polices, la casse et l’espacement des lettres avant d’ajouter des polices supplémentaires.
  • Utilisez les polices décoratives et script de manière responsable.

DÉBLOQUEZ LA COHÉRENCE DE LA CONCEPTION AVEC UNE PAGE D’ACCUEIL « PIXEL PERFECT »

Nous sommes tous habitués à commencer la création de chaque nouveau site avec la page d’accueil et naturellement, c’est là que nous concentrons notre énergie, car c’est passionnant. C’est la première chose que nos visiteurs verront, nous voulons donc le rendre parfait au pixel près. 

Et le pixel parfait est important car votre page d’accueil doit être la base de toutes les autres pages de votre site Web. C’est là que vous définissez la feuille de route de votre marque et mettez en œuvre l’attention constante aux détails que vous devrez apporter à chaque page pour donner à votre site Web la sensation professionnelle et raffinée dont vous rêvez.

Tous les éléments de marque que vous prévoyez d’utiliser dans le thème – les couleurs, les polices et les éléments graphiques doivent être présents sous une forme ou une autre sur la page d’accueil. Il ne devrait pas y avoir de « surprises » de conception plus tard au fur et à mesure que vous approfondissez le site.

Il est maintenant temps de prendre des décisions concernant les tailles de police, les styles de mise en page et les appels à l’action et de les tester à chaque point d’arrêt. 

  • Aucun élément ne doit être négligé. Stylisez vos liens, boutons, bordures et arrière-plans maintenant et configurez des styles globaux afin que vous puissiez facilement modifier ces éléments sur l’ensemble de votre site si vous en avez besoin, à un stade ultérieur. Ce niveau de détail de conception est ce qui donnera à votre site un aspect soigné et professionnel.
  • Une fois que vous êtes satisfait que votre page d’accueil soit solide sur chaque appareil, vous pouvez prendre des sections de la page d’accueil et les réutiliser et les développer rapidement pour créer des mises en page complètes, en sachant que vos choix de conception et vos comportements réactifs ne le seront pas. besoin de réédition. 
  • Il n’y a rien de pire que de devoir parcourir chaque page, éditer le même élément encore et encore, parce que vous n’avez pas pris assez de temps avec la page d’accueil en premier lieu. Été là, fait, appris à la dure !
  • Enfin, ne vous essoufflez pas lorsque vous arrivez sur les pages « ennuyeuses », comme les FAQ, les témoignages et même votre page de contact. Cela me brise le cœur de voir des pages de contact mal-aimées sans images et des formulaires de contact laids et sans style. Et pourtant… c’est l’impression durable que vous laisserez à vos visiteurs. 

Si vous avez bien préparé votre page d’accueil, le déploiement de vos pages intérieures devrait être un jeu d’enfant. Chaque page compte parce que… « Vous n’avez pas une seconde chance de faire une première impression ».

Vous pouvez choisir comment les gens perçoivent votre site Web. Si vous créez une expérience réfléchie et guidée, les gens suivront généralement les instructions que vous leur donnez.

Je parle de créer des appels à l’action irrésistibles qui ne sont pas du tout commerciaux. Les incitations à l’action n’ont pas besoin d’être évidentes ou de crier « Achetez maintenant ! »

Ils peuvent être des invites subtiles pour aider vos visiteurs à consommer votre contenu dans l’ordre le plus susceptible de conduire à une vente ou à une enquête et qui ne le voudrait pas ?

Vous avez probablement entendu dire que vous devriez avoir un appel à l’action sur chaque page. C’est absolument vrai. 

Mais parlons de votre page d’accueil, car les pages d’accueil sont plus longues et les gens font défiler.

Les pages d’accueil longues ou les pages de destination et les pages de vente plus longues peuvent nécessiter plusieurs appels à l’action. 

Avant même de penser à concevoir votre site Web, asseyez-vous avec un stylo et une feuille de papier et dressez un tableau de votre flux de clients idéal et à côté de chaque étape, déterminez ce que devraient être l’appel à l’action et le résultat souhaité.

Voici les différents outils d’appel à l’action que vous pouvez avoir dans votre manche.

Le CTA pour « creuser plus profondément« 

Une invitation à approfondir le sujet qu’ils lisent. Parfait pour placer à la fin des sections de la page d’accueil menant à des zones telles que votre page « À propos » ou votre portfolio. 

Le CTA « ceci ou Cela« 

Invite à choisir entre deux sujets ou domaines. 

Par exemple. « Création de sites Web » ou « Stratégie de marque »

Le CTA pour « agir« 

Le choix d’action rapide qui les amène directement à un achat ou – plus généralement – à une conversion désirée. Assurez-vous que votre libellé fait ce qu’il dit sur la boîte et ne leur donne pas de clics supplémentaires. 

S’il est écrit « Réservez maintenant », ne leur faites pas remplir un formulaire de contact. S’il indique « Appelez-moi », assurez-vous qu’il les invite à composer votre numéro. 

Enfin, lorsque vous les avez emmenés aussi loin que vous le souhaitez, il est temps de les libérer pour explorer. À ce stade, les liens CTA renvoient généralement à votre blog ou à un point de départ, tel qu’une collection d’articles de blog qui mettent en valeur votre expertise. 

ÊTES-VOUS PRÊT À PASSER AU NIVEAU ?

Il n’y a pas de raccourci pour ajouter cette couche supplémentaire de polissage et de style à un site Web qui manque légèrement de « professionnalisme ». Prendre le temps d’être minutieux et de prêter attention aux petits détails prend du temps (et un peu ennuyeux pour être honnête), mais cela vous récompensera généreusement en créant une expérience immersive que les visiteurs de votre site Web adoreront.