Catégories
Plugin et site web

5 conseils pour concevoir des sites Web d'une page qui fonctionnent

Vous recherchez une nouvelle approche de la conception de sites Web? Les sites Web d'une page peuvent créer des expériences plus mémorables et moins accablantes pour les visiteurs… lorsqu'ils sont conçus de la bonne manière.

Des choix de conception intelligents peuvent aider à réduire la fatigue et la frustration que les gens ressentiraient autrement lorsqu'ils utilisent le Web.

Les concepteurs Web peuvent minimiser les distractions, la surcharge d'informations et la paralysie de l'analyse de nombreuses façons. Par exemple, concevoir avec un espace blanc abondant, des extraits de texte plus courts et des palettes de couleurs apaisantes fonctionne.

Les sites Web d'une page peuvent être un autre choix de conception à explorer.

Lorsqu'il est bien fait, un site Web d'une seule page pourrait être très utile pour créer un environnement plus simple et plus accueillant pour les consommateurs débordés d'aujourd'hui.

Avec sa petite structure, il laisserait une impression unique et mémorable aux visiteurs. De plus, un site Web d’une page bien conçu offrirait aux visiteurs une voie de conversion claire, étroite et logique.

Pour ceux d’entre vous qui utilisent les sites prédéfinis de BeTheme (ou envisagent de les adopter pour votre prochain site), il y a de bonnes nouvelles. En plus de la grande sélection de sites traditionnellement structurés disponibles, Be propose également des sites Web d'une seule page avec lesquels vous pouvez travailler.

Ainsi, les aspects techniques que vous devez maîtriser pour obtenir la bonne formule d'une page sont déjà pris en compte.

Examinons quelques-unes des fonctionnalités qui font briller les sites Web d'une seule page et comment vous pouvez les concevoir:

1. Offrez aux visiteurs un parcours succinct à travers le site Web et l'histoire de la marque

Les sites Web commerciaux typiques que vous concevez incluent des pages telles que Accueil, À propos et Contact, ainsi que des pages qui expliquent les services de l'entreprise ou vendent leurs produits. À moins que vous ne construisiez de très longues pages de destination de vente, il y a généralement environ 400 à 600 mots sur chaque page.

Cela représente encore beaucoup de contenu pour vos visiteurs et cela peut rendre la lecture d'un seul site Web une expérience écrasante. Imaginez ce qu'ils pensent de la lecture de tout ce contenu lorsqu'ils doivent le faire plusieurs fois lorsqu'ils comparent d'autres sites Web et options.

Dans certains cas, cette structure de site Web multi-pages est excessive. Les informations avec lesquelles vous remplissez autrement une page entière peuvent facilement être modifiées pour s'adapter à un seul volet ou bloc sur un site Web d'une page et être toujours aussi utiles.

Comme le fait le studio de conception et de développement Pixel Lab:

Pixel Lab

Remarquez comment tous les points clés sont abordés de manière concise et visuellement attrayante:

  • Le portefeuille de travaux en vedette
  • L'introduction À propos de nous
  • Les FAQ
  • Le formulaire de contact

Le site pré-construit BeCV est construit de la même manière (et dans un but similaire également):

BeCV

N'oubliez pas de garder une barre de navigation collante présente à tout moment afin que les visiteurs sachent exactement combien de contenu il y a sur la page.

2. Optez pour une navigation non traditionnelle pour une expérience unique et mémorable

En règle générale, la règle est que la navigation sur le site Web doit suivre l'un des deux modèles suivants:

  • Logo à gauche, liens de navigation à droite.
  • Logo à gauche, menu hamburger stockant la navigation à droite (pour mobile ou desktop).

Il y a un certain nombre de raisons pour lesquelles cette mise en page est bénéfique. En fin de compte, cela dépend de la prévisibilité et du confort d'avoir une navigation exactement là où les visiteurs l'attendent, peu importe où ils se retrouvent sur votre site Web.

Cependant, avec un site Web d'une seule page, c'est l'une de ces règles que vous pouvez contourner, tant que vous avez un moyen de garder la navigation toujours présente et facile à utiliser.

Il existe d'excellents exemples de sites d'une page qui ont fait cela, optant généralement pour une barre latérale stylisée alignée à gauche qui contient des liens vers les différentes parties de la page. Purple Orange n'est que l'un d'entre eux:

Violet Orange "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09 /3-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/3-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads /2020/09/3-768x425.png 768w "tailles =" (largeur maximale: 1425px) 100vw, 1425px

Et vous pouvez utiliser un site pré-construit Be comme BeHairdresser pour créer une navigation similaire pour votre site Web:

BeHairdresser "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_257_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/ 4-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/4-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/ 2020/09 / 4-768x425.png 768w "tailles =" (largeur max: 1425px) 100vw, 1425px

Si vous essayez de faire ressortir une marque audacieuse, il s'agit d'une option de mise en page intéressante à tester.

3. Racontez une histoire plus frappante visuellement

L'un des problèmes liés à la création d'un site Web avec WordPress est que vous devez toujours vous soucier de la façon dont vos décisions de conception affectent la vitesse. Même une fois le code optimisé, les images sont généralement le fruit facile à gérer.

Mais lorsque votre site Web ne contient qu'une seule page, cela signifie que les images ne posent pas autant de problème (à condition que vous les compressiez et les redimensionniez). Ce n’est que lorsque vous continuez à ajouter des pages, des produits et des galeries que vous devez réduire votre contenu visuel.

Donc, si votre marque a une identité visuelle forte et que vous voulez que le site Web le montre à travers des images, un site Web d'une page est un excellent endroit pour le faire.

N'oubliez pas de garder un bon équilibre entre le texte et les images comme le fait la Vodka A:

Vodka A "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_871_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09 /5-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/5-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads /2020/09/5-768x425.png 768w "tailles =" (largeur max: 1425px) 100vw, 1425px

Il n’ya aucune raison pour qu’une société de distribution d’alcool mâche ses mots lorsque les élégantes photos de produits expliquent efficacement aux consommateurs de quoi il s'agit.

En fait, ce style d'une seule page, riche en images, conviendrait à tout fournisseur vendant un petit inventaire de produits: nourriture, boissons, boîtes d'abonnement, produits de santé et de beauté, etc. Et vous pouvez utiliser le BeBistro prédéfini pour fabriquez-le:

BeBistro "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_464_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/ 6-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/6-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/ 2020/09 / 6-768x425.png 768w "tailles =" (largeur max: 1425px) 100vw, 1425px

4. Transformez une idée ou une offre commerciale complexe en quelque chose de simple à comprendre

Lorsqu'une entreprise vend une solution technique ou complexe aux consommateurs, il peut être difficile d'expliquer ce qu'elle fait et pourquoi ils devraient l'acheter.

Mais voici le problème: les consommateurs ne se soucient pas vraiment de tous ces aspects techniques. Même si vous expliquiez comment une application fonctionnait ou comment vous utilisiez un logiciel comme Sketch ou WordPress pour concevoir un site Web, leurs yeux se verraient.

Ce qui compte le plus pour eux, c'est que vous disposiez d'une solution efficace et abordable en laquelle ils peuvent avoir confiance. Alors, pourquoi les enliser avec page après page de spécifications techniques et de jargon de vente?

Un site Web d'une page vous permet de simplifier même les solutions les plus complexes.

Prenez Critical TechWorks, par exemple. Il offre une solution technologique de pointe pour l'industrie automobile… et pourtant, c'est tout ce dont il a besoin pour expliquer la technologie à l'œuvre:

Critical Techworks "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_153_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09 /7-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/7-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads /2020/09/7-768x425.png 768w "tailles =" (largeur maximale: 1425px) 100vw, 1425px

Si les visiteurs de votre site Web sont plus préoccupés par les résultats que par le "comment", vous feriez bien de rendre le site Web et le contenu aussi faciles à digérer que possible. Et vous pouvez utiliser un site prédéfini comme BeCourse pour ce faire:

BeCourse "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_514_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/ 8-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/8-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/ 2020/09 / 8-768x425.png 768w "tailles =" (largeur maximale: 1425px) 100vw, 1425px

Remarquez comment ces deux sites emmènent les visiteurs à travers une petite poignée de sections (pages) avant de les livrer à l'attraction principale: le formulaire de contact ou d'inscription.

5. Capturez les prospects et les ventes à différentes étapes de l'entonnoir de vente

Certains de vos visiteurs seront nouveaux sur le site et auront besoin de plus d'informations avant d'appuyer sur la gâchette. D'autres auront déjà une bonne idée de ce dans quoi ils s'embarquent et auront juste besoin d'un petit coup de pouce pour les amener à agir.

Avec un site Web d'une seule page, vous pouvez concevoir chaque section pour répondre aux différents types de prospects et de prospects qui y arrivent.

Les sections du haut doivent être de nature introductive, fournissant aux nouveaux visiteurs les informations dont ils ont besoin pour décider si cette option vaut la peine d'être poursuivie. Les sections ci-dessous devraient approfondir les questions ou préoccupations restantes des prospects intéressés.

Quelle que soit la section qu'ils consultent, votre site d'une page comprendra des boutons d'incitation à l'action intégrés le long du chemin qui les conduiront à la conversion dès qu'ils seront prêts.

Cela permettra à votre site d'être toujours prêt à convertir des prospects, que les visiteurs lisent les deux premières sections ou les parcourent toutes jusqu'à ce qu'ils atteignent le point de conversion (par exemple, un formulaire de contact, une page de paiement, etc.).

Vous en trouverez un bel exemple sur le site Web de Cycle, avec des CTA placés stratégiquement le long de la conception de la page unique:

Cycle "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_800_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/ 9-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/9-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/ 2020/09 / 9-768x425.png 768w "tailles =" (largeur maximale: 1425px) 100vw, 1425px

BePersonalTrainer est une bonne option de site prédéfinie si vous voulez vous assurer d'inclure un bouton CTA aux points d'arrêt parfaits sur votre page:

BePersonalTrainer "srcset =" https://danjer.doudouke.org/wp-content/uploads/2020/09/1600184702_868_5-conseils-pour-concevoir-des-sites-Web-d39une-page-qui.png 1425w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/ 10-300x166.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/09/10-1024x567.png 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/ 2020/09 / 10-768x425.png 768w "tailles =" (largeur maximale: 1425px) 100vw, 1425px

Vous ne les trouverez pas en bas de chaque section, mais ça va. Vous en avez juste besoin chaque fois que vos visiteurs envisagent sérieusement de passer à l'action.

Que devriez-vous créer: un site Web multi-pages ou une page?

Bien qu'un site Web d'une page ne fonctionne pas pour les sites Web plus volumineux (en particulier dans le commerce électronique), il pourrait bien fonctionner pour les sites Web d'entreprise qui sont au départ plus petits.

En centralisant toutes ces informations sur une seule page, vous créerez une nouvelle expérience qui épatera les visiteurs par la concision et la puissance du message et de l'offre.

Fais attention. De nombreux sites Web d'une seule page sont mal conçus (ce qui explique probablement pourquoi ils ne sont plus à la mode pendant un certain temps).

N'oubliez pas: ce n'est pas votre chance de jeter les règles de conception Web par la fenêtre. En fait, ce sera l'occasion de nettoyer les peluches et le désordre qui se sont accumulés au fil des ans et de revenir à une approche plus classique et plus réduite du design.

Et avec l'aide des sites Web prédéfinis d'une page de Be, cela ne nécessitera pas beaucoup de travail de votre part pour y parvenir.

(- Ceci est un message sponsorisé au nom de BeTheme -)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *