La conception de la page d'accueil (ou page d'accueil) est la conception visuelle et structurelle de la première page d'un site Web que les visiteurs voient lors de leur première visite sur le site. La page d'accueil joue un rôle clé dans la création de la première impression du site et aide les visiteurs à trouver les informations dont ils ont besoin ou à naviguer plus loin dans la ressource.
1. Conception de la page d'accueil de Shopify
Comme la plupart des autres pages de destination de cet article, l'exemple de page de destination Shopify rend les choses simples. Par exemple, le titre destiné à l'utilisateur ne contient que quelques mots et la page s'appuie sur de simples puces plutôt que sur des paragraphes pour transmettre les détails et les avantages de l'essai. Seuls quelques champs doivent être remplis avant de commencer. Tout cela vous permet de vendre plus facilement en ligne grâce à votre outil.
2. Conception de la page d'accueil de la muselière
Les pages de destination aident les utilisateurs à décider si votre produit ou service vaut leur temps et leur énergie précieux. Quelle meilleure façon de communiquer votre proposition de valeur clairement et directement qu'en faisant correspondre vos visiteurs avec le problème même que votre application résout ?
Les commentaires Instagram obtiennent plus
MuseauUne application Mac qui désactive les notifications à l'écran couvre complètement ce problème montrer sans rien dire mentalité sur leur page de destination minimale. Les visiteurs de cette page sont accueillis par un flux rapide de notifications gênantes dans le coin supérieur gauche de l'écran. L'animation n'est pas seulement amusante, mais elle transmet également de manière convaincante l'utilité de l'application sans longues descriptions.
3. Conception de la page d'accueil de TransferWise
TransferWise vous permet d'envoyer et de recevoir de l'argent dans plusieurs devises, et sa page de destination, illustrée ci-dessous, détaille chaque action individuelle afin que vous ne soyez pas distrait par des options qui ne s'appliquent pas à vous.
Si vous souhaitez envoyer de l'argent, vous pouvez remplir le formulaire de transfert. Pour recevoir de l'argent, accédez simplement à l'onglet du milieu et pour vous inscrire à TransferWise en utilisant votre carte de débit, accédez à l'onglet le plus à droite.
Chaque onglet de cette page de destination crée le sien appel à l'action en fonction de ce à quoi vous vous inscrivez - chacun avec un cadre vert vif pour mettre en évidence votre prochaine étape après trois points de départ possibles.
4. Conception de la page d'accueil Airbnb
Pour aider à convertir les visiteurs en hôtes, Airbnb offre une personnalisation alléchante : une estimation approximative des revenus moyens en fonction de votre emplacement. Vous pouvez saisir des informations supplémentaires sur votre placement potentiel dans les champs pour obtenir une évaluation encore plus personnalisée.
Si vous avez déjà visité une page dont vous êtes convaincu, un appel à l'action clair en haut de la page facilite la conversion sur place.
5.Équipeambit
Bizarre n'est généralement pas le premier mot qui vient à l'esprit lorsque l'on pense à un logiciel RH, mais la page de destination visuelle de Teambit n'est que cela. Un formulaire simple avec un seul champ est accompagné d'un adorable bureau rempli de personnages animaux - tous très content de Teambit, si vous êtes intéressé. Un animal de bande dessinée apparaît à côté de chaque section d'informations de la page de destination, incitant les visiteurs à faire défiler la page vers le bas pour en savoir plus. Conception de la page d'accueil
Page de destination Bit d'équipe est une excellente preuve qu'il n'est pas nécessaire d'avoir un produit ou un service « amusant » pour créer une page de destination amusante.
6. Conception de la page d'accueil de Wistia
Tout d'abord, voici la page de destination Wistia pour leur compte Wistia gratuit. Vous remarquez immédiatement le formulaire avec un champ pour créer un compte : le fond bleu au design minimaliste contraste joliment avec le champ de formulaire blanc brillant.
La longueur du champ de formulaire combinée à un emplacement bien visible élimine presque toutes les frictions lors de la création d'un compte... mais si vous avez des doutes, vous pouvez toujours faire défiler la page ci-dessous pour lire la FAQ. En séparant les deux avec un fort contraste de couleurs, Wistia facilite grandement le processus de conversion.
7. Flux Web. Conception de la page d'accueil
Webflow, un outil de conception destiné aux développeurs Web, regroupe de nombreuses informations dans un GIF et trois champs de formulaire. Ce serait bien d'avoir l'intégralité du formulaire d'inscription sur une seule ligne - non seulement cela rend la page plus courte, mais remplir chaque champ de gauche à droite montre aux utilisateurs à quel point ils sont sur le point de cliquer sur le quatrième bouton bleu et de commencer gratuitement.
Le GIF animé sous le formulaire est affiché dans le même cadre sur le site Web afin que les utilisateurs puissent voir comment fonctionne le produit. и inscrivez-vous sans faire défiler ni accéder à une nouvelle page.
Conception de la page d'accueil du livre électronique
8. Conception de la page d'accueil de Nauto
Nautique, une plateforme de données sur les voitures autonomes, contribue à rendre la conduite autonome plus sûre pour les entreprises qui gèrent des flottes. Naturellement, ses clients auront besoin de toutes les informations pour vendre sur cette plateforme. Nauto a c'est super simple livre électronique, dont la page de destination vous propose un court formulaire de contact et un aperçu des statistiques pour prouver pourquoi cette ressource est si importante.
Le bouton vert « Télécharger maintenant » a peut-être même été intentionnel (le vert signifie « partir » après tout).
Faites défiler vers le bas et vous verrez un autre CTA « Obtenir un livre électronique » pour rappeler aux utilisateurs ce qui les attend. Vous verrez également trois statistiques choquantes sur les accidents de voiture pour encourager les utilisateurs à en savoir plus. Découvrez-le ci-dessous.
9. Conception de page d’accueil de marketing industriel fort
Cette page de destination m'attire immédiatement avec son titre irrésistible et percutant : « Don't Make Me Zoom ». Cela témoigne directement de l'expérience générale que la plupart d'entre nous vivent lorsque nous parcourons nos téléphones ou nos tablettes - et c'est aussi un peu effronté.
Mais ce n’est pas la seule chose qui m’a intéressé par cette page de destination. Remarquez comment la couleur rouge est stratégiquement placée en haut et en bas du formulaire, vous rapprochant encore plus de l'événement de conversion.
De plus, ce design est méta pour démarrer : il a fière allure et fonctionne très bien sur appareils mobiles. Gardez à l'esprit que de nombreux visiteurs accéderont à vos pages de destination sur leurs smartphones ou tablettes, et si conception de votre site internet ne leur convient pas, ils risquent d'abandonner et de quitter votre page.
Les spécialistes du marketing de force industrielle ont fait le terrain polices et des formulaires suffisamment grands pour que les visiteurs n'aient pas besoin, par exemple, de zoomer pour lire et interagir avec le contenu.
10. Chat en direct Velaro
Parfois, les plus petits détails font la plus grande différence. Par exemple, ce sont eux qui réalisent la landing page Chat en direct de Velaro incroyable.
Ce petit symbole PDF au-dessus de l'image de l'article permet de déterminer le format dans lequel le téléchargement sera. Une flèche avant le sous-titre permet de mettre davantage en évidence la copie importante que les visiteurs souhaitent lire. Comme IMPACT, ils ont également une case à cocher automatiquement pour abonnements à la newsletter sur leur formulaire - qui, si transformé en case à cocher supplémentaire, est un excellent moyen d'augmenter votre nombre d'abonnés. Tous ces petits détails apparemment insignifiants contribuent à créer une conception de page de destination solide et étonnante. Conception de la page d'accueil
11. Image de marque et design IMPACT / Conception de la page d'accueil
Page principale IMPACT sont depuis longtemps une source d'inspiration pour les designers. J'aime la mise en page simple, de la grande copie du titre et de l'image détaillée, au contour qui entoure la forme, en passant par les couleurs et les polices très agréables à l'œil.
Le manuel gratuit qu'IMPACT propose en téléchargement ici ne met pas non plus en évidence le téléchargement lui-même dans le bouton bleu qui vous permet de soumettre le formulaire rempli. IMPACT vous invite plutôt à « générer plus de conversions » en vous concentrant sur ce que vous pouvez gagner en lisant le guide.
Pages de destination pour en savoir plus
12. Déborder
Pas étonnant que Unbounce est en tête de cette liste – ils ont vraiment écrit le livre sur la création de pages de destination à fort taux de conversion. Bien qu'il y ait beaucoup de choses étonnantes à propos de cette page de destination, deux que j'aime vraiment sont : 1) l'utilisation d'une boîte de discussion au lieu d'un formulaire classique, et 2) les informations détaillées - mais bien présentées - sous la conception du formulaire/de la page d'accueil.
Le premier permet d'attirer l'attention sur l'objectif de la page (pour que vous remplissiez un formulaire) d'une manière discrète et qui ne ressemble pas à une corvée. La seconde donne à cette page un coup de pouce SEO (les moteurs de recherche auront plus de contenu à explorer) et supprime l'anxiété des personnes qui ont besoin d'en savoir plus sur un élément de contenu avant de soumettre leurs informations, sans distraire les gens de la fenêtre de discussion.
13. Bills.com. Conception de la page d'accueil
Les gens considèrent souvent les pages de destination comme des pages statiques de votre site Web. Mais avec les bons outils, vous pouvez les rendre interactifs et personnalisés.
Prenons l'exemple ci-dessous avec Bills.com. Pour savoir si vous bénéficieriez de leur consultation, répondez à trois questions avant de voir le formulaire. Cela commence par ceci :
Ensuite, vous répondez à deux autres questions comme celle ci-dessous :
Et voici le formulaire final de la page de destination où vous remplissez vos informations :
Je ne sais pas comment fonctionne l'algorithme (ni s'il en existe un), mais pendant que je le remplissais, j'avais quelques inquiétudes concernant aucun qualifications. Une fois que j'ai découvert ce que j'avais fait, j'étais ravi de remplir le formulaire, ce que font, j'en suis sûr, la plupart des personnes endettées et qui utilisent cet outil. En rendant cette offre plus exclusive avant que le formulaire n'apparaisse sur la page de destination, je parie que Bills.com améliorera considérablement conversion accrue.
14. Conception de la page d'accueil de Trulia
Trulia a fait quelque chose de très similaire à Bills.com avec sa page de destination. Cela commence par un simple formulaire demandant « adresse » (ce qui semble moins effrayant que « votre adresse », même si c'est ce qu'ils veulent dire). Sous ce champ de formulaire simple se trouve un bouton orange vif qui contraste bien avec l'image du personnage derrière le formulaire et souligne que l'estimation sera personnalisée pour votre maison.
Bien entendu, l’adresse elle-même ne suffit pas à estimer la valeur de la maison. Il désigne simplement les abords de la maison. C'est pourquoi la page suivante comprend des questions supplémentaires sur la propriété elle-même, comme le nombre de lits et de salles de bains. Ci-dessous, vous pouvez voir une copie de « Dites-nous où envoyer le rapport » - avec l'avertissement qu'en saisissant ces informations, vous acceptez de contacter l'agent immobilier. Il s'agit d'un excellent exemple de la façon dont une entreprise valorise ses visiteurs dès le début, tout en définissant simultanément leurs attentes quant à ce qui se passera en conséquence.
15. Conception de la page d'accueil de Landbot
robot terrestre, un service qui crée des pages de destination basées sur un chatbot, place son propre produit au centre de sa page de destination basée sur le chat. Les visiteurs sont accueillis par un robot convivial, doté d'émojis et de GIF, qui les encourage à fournir des informations dans un format conversationnel plutôt que sous la forme traditionnelle.
16. Bénéfices Web
Pour un peu de contraste... qu'en est-il des longues pages de destination ? Avec seulement quelques astuces, vous pouvez rendre courte la page de destination même la plus longue. La page de destination de Webprofits ci-dessous montre comment procéder. Conception de la page d'accueil
Il y a un bouton CTA bien visible en haut à droite pour en savoir plus – avec un bon contraste sur l'arrière-plan pour le faire ressortir et une flèche vers le bas pour encourager le défilement. En ne plaçant pas le champ du formulaire au premier plan, ils contribuent à réduire les frictions et donnent aux visiteurs la possibilité d'en savoir plus avant de se voir proposer une option de conversion.
Ils permettent également de comprendre ce qui est réellement fait Bénéfices Web . Le reste de la page fournit des détails sur ce que vous recevrez lorsque vous soumettrez vos informations. De plus, il comprend des CTA stratégiques pour vous aider à revenir en haut pour remplir le formulaire, tels que « Parlons ».
17. H.BLOOM
Parfois, il suffit de s'arrêter et d'admirer une page de destination pour voir à quel point elle est belle. Lorsque vous utilisez une photo haute résolution et beaucoup d'espace blanc sur la page de destination H.BLOOM agréable à regarder.
Au-delà de sa beauté, la page contient d'excellents éléments de conversion : un formulaire transparent, une description claire et concise de ce qui se passera lorsque vous remplirez le formulaire, et même un bouton « Envoyer » orange vif. La seule chose que nous allons changer ? Copie sur le bouton Soumettre – Cela peut être plus spécifique à la proposition proposée. Conception de la page d'accueil
18. Laboratoire de conversion
Même si je n’inclurais pas d’exemple de message de formulaire dans un article sur les pages de destination, ce site est spécial. Page d'accueil est l'intégralité du site - les liens de navigation vous mèneront simplement aux informations ci-dessous. Conception de la page d'accueil
Lorsque vous cliquez sur « Obtenir de l'aide sur les pages de destination », l'ensemble du site se déplace pour laisser de la place au formulaire. Voici à quoi cela ressemble avant de cliquer :
Et, lorsque vous cliquez sur ce CTA, vérifiez à quoi ressemble le formulaire :
J'aime le fait que vous n'ayez pas besoin de quitter la page pour remplir le formulaire, mais le formulaire ne sera pas intrusif pour les visiteurs occasionnels du site.
Idées/Conception de page d'accueil
Une page d'accueil bien optimisée peut transformer les clients en prospects en capturant des informations qui vous aideront à mieux comprendre, commercialiser et ravir vos visiteurs. Étant donné que les pages de destination sont essentielles aux conversions, il est important de s'assurer qu'elles sont bien planifiées, conçues et exécutées. Voici quelques éléments à prendre en compte lors de la création cible pages : Esthétique attrayante : seules la couleur de votre page de destination et une interface utilisateur épurée peuvent vous aider. Les visiteurs voudront en savoir plus sur vos produits et voir la preuve de la valeur que vous offrez. Jetez un œil au n°10 de notre liste, Inbound Emotion, pour un excellent exemple de page Web géniale.
Moins c'est plus : laissez la phrase ou les images parler l'essentiel, mais assurez-vous d'inclure tous les titres descriptifs et le texte de support pour rendre votre page de destination claire et convaincante. Cela s'applique à presque tous les composants de la page : espaces blancs, copie simple et formulaires plus courts.
Conception de la page d'accueil
Gardez les visiteurs sur la page : en supprimant la navigation principale ou tout lien de retour gênant, il est moins probable qu'il y ait une sorte de friction de génération de leads qui pourrait conduire les visiteurs à abandonner votre page.
Partage sur les réseaux sociaux. Un moyen simple d'attirer des visiteurs vers votre page de destination consiste à utiliser les boutons de partage dansréseaux sociaux, afin qu'ils puissent distribuer votre contenu à leurs abonnés sur les réseaux sociaux. Après tout, les clients sont au centre de votre volant marketing.
Tests A/B : les pages de destination sont importantes pour fonctionner correctement, et comme la psychologie du consommateur peut parfois être surprenante, il est toujours préférable d'expérimenter différentes versions de vos pages pour voir laquelle a le taux de conversion (CVR) le plus élevé. Vérifiez le positionnement de l'offre, les types de CTA, ou encore la palette de couleurs.
Call-To-Action : CTA, où la viande est sur la page de destination, ou le tournant, où se trouve la perspective de devenir des contacts. Les CTA peuvent demander aux visiteurs de s'abonner, de télécharger, de remplir un formulaire, de partager sur réseaux sociaux etc., mais en général, les CTA sont nécessaires pour impliquer plus activement votre public dans votre offre. Pour générer des leads, les CTA doivent être audacieux et engageants, mais surtout, ils doivent transmettre efficacement de la valeur.
Laisser un commentaire