Conseils d'experts : les secrets d'atterrissages réussis. Concentrez-vous sur l'expérience utilisateur pour transformer les visiteurs en clients

Mon premier texte de page de destination était assez bizarre. J'étais un débutant en rédaction, j'ai écrit des articles d'ancrage pour un échange de liens notoire, j'ai essayé d'obtenir une note et le million du premier rédacteur sur divers advegs, etexts et autres séductions sans espoir pour les débutants. Le prix de 80 roubles pour 1000 caractères à cette époque semblait presque une chimère. Et puis un jour, un client est venu du même échange sous le texte pour le débarquement. Et avec paiement, comme d'habitude en bourse, pour des kilosigns. J'ai alors écrit, je m'en souviens, une "feuille" de quatre mille, j'ai reçu une bonne note et j'étais content de moi - maintenant, il ne reste plus grand-chose au statut de "requin de plume". Malheureusement, je ne sais rien du sort de ce texte et s'il était possible de vendre au moins quelque chose avec son aide, mais aujourd'hui, en me souvenant de cette histoire, je pense : y en a-t-il beaucoup qui se demandent encore comment créer une page de destination , commander des textes à des rédacteurs d'échange, et comment cela se passe-t-il au final ? Aleksey Panshin, fondateur de l'agence de marketing Internet Panshin Group, nous a expliqué quelles pages de destination se vendent et lesquelles ne le font pas, comment évaluer la conversion et comment les serviettes éponge peuvent aider votre entreprise.

À propos des rédacteurs et des textes

Une page de destination de vente commence par un texte - tout article sur ce sujet en informe. En prélevant sur le constructeur avec modèles prêts à l'emploi une page de destination faite à la main gratuitement (ou même en payant un spécialiste 5 000 roubles ENTIERS !), un entrepreneur novice (oui, c'est généralement lui) décide d'écrire le texte (quel gâchis !) par lui-même. Eh bien, ou en dernier recours, si la langue russe est vraiment serrée, il commence à chercher un interprète. Et où trouver des connaisseurs Gramota.ru bon marché et des propriétaires d'un tatouage avec le profil d'Ozhegov sur la poitrine? Bien sûr, sur les échanges de freelance. C'est là que réside l'astuce principale. Vous n'avez pas besoin d'un rédacteur pour écrire une landing page !

Alexeï Panchine

fondateur de l'agence de marketing internet "Panshin Group"

Alexey Panshin : "Pas un seul rédacteur n'ira au fond de ce qui est vraiment nécessaire dans les textes d'une page de destination ou d'un site Web. D'autant plus, avec paiement pour kiloznaki. Le prix de l'eau écrite sera nul. Au contraire, cette entreprise n'a pas besoin de rédacteurs, mais de spécialistes du marketing ayant des compétences en rédaction.

Et ce n'est pas un hasard si les principaux rédacteurs commerciaux s'appellent eux-mêmes des "rédacteurs marketing", et aujourd'hui, cela s'est même imposé comme un domaine distinct de la rédaction. Les mots du nom de la spécialité peuvent même être intervertis, car, avant tout, un tel spécialiste doit comprendre le marché, public cible et proposition de vente unique (USP). Et seulement ensuite écrire des textes.

Continuer à fonctionner avec des platitudes : avant d'écrire le texte du débarquement, vous devez former une proposition de vente unique. De plus, les rédacteurs qui envisagent d'ajouter le mot ci-dessus au nom de leur poste doivent généralement le faire eux-mêmes. Souvent, le client n'a aucune idée de ce qui rend son offre unique.

De plus, cette idée est générale, ce qui fonctionne non seulement avec les one-pagers, mais aussi avec les sites ordinaires. Dites, il y a quelque temps, j'ai écrit des textes pour un magasin de pièces automobiles en ligne, qui était l'un des rares de ma ville à proposer des services de livraison à domicile. De plus, sur le site, des informations à ce sujet se trouvaient au sous-sol même de la sous-section «À propos de l'entreprise», qui n'est souvent pas lue du tout.

En écrivant simplement ceci sur la première page du site dans la liste des principaux avantages, nous avons augmenté la demande pour le service de 3 à 4 %. Mais la majorité des visiteurs ne lisent pas non plus le texte de la page principale, des images et des infographies sont nécessaires pour attirer leur attention. En utilisant ces méthodes, il serait possible d'augmenter la demande de 10 à 15 % ou plus. Toutes ces astuces simples sont depuis longtemps utilisées avec succès par les spécialistes dans le domaine de la construction de paliers.

La majorité des visiteurs ne lisent pas le texte de la page principale - des images et des infographies sont nécessaires pour attirer leur attention.

Il arrive que le succès de la vente dépende d'un seul mot. Récemment, j'ai passé beaucoup de temps à persuader ma fille de 2 ans d'aller nager, et ça " offrir elle a rejeté avec indignation. Cependant, cela valait la peine de remplacer le mot «nager» par «éclabousser», puis de le visualiser avec les mouvements corporels appropriés, et elle se précipita dans la salle de bain comme une visiteuse d'un centre commercial dans une boutique du Black Friday. Le travail d'un marketeur-rédacteur lors de la création d'une landing page s'apparente à la tâche de persuader un enfant : non pas d'écrire une feuille, mais de trouver des mots (parfois un seul suffit) qui vont « accrocher » et amener le visiteur à acheter.

À propos de l'augmentation des conversions

L'indicateur du succès de toute page de destination est le nombre de conversions. Il peut s'agir d'appels, de candidatures et d'autres pistes. Cela dépend des buts et des objectifs du client. Et ce chiffre est influencé par de nombreux facteurs : tout d'abord, le secteur des entreprises. L'approche des débarquements pour B2C et B2B est complètement différente. Dans le premier cas, des achats spontanés peuvent être générés, et le texte peut et doit faire appel aux émotions. Le deuxième est inacceptable. Cependant, il n'existe pas de solutions universelles. Dans le même domaine, il existe de nombreuses options pour le public cible, et différents textes peuvent fonctionner pour chacun d'eux. La tâche du marketeur est d'identifier ces points de contact entre le vendeur et l'acheteur.

Alexey Panshin : « Nous avons un client dans l'agence, avec qui nous avons passé 3 heures à compiler des « hooks » pour lesquels nous allons attraper le client sur nos landing pages. Après un certain temps et un certain nombre de tasses de café, nous avons collecté environ 20 points d'avantages, que nous avons ensuite utilisés lors du prototypage du design et de la compilation des termes de référence pour le contenu. En conséquence, dans un créneau TRÈS concurrentiel à Moscou, nous avons réussi à atteindre une conversion moyenne à partir des pages de destination de 12 %."

Malheureusement, pour ce projet, Alexey est lié par des obligations NDA strictes (préservation des secrets commerciaux. - Ndlr.), Par conséquent, il ne peut pas fournir un cas à part entière. Cependant, il s'agit d'une situation courante pour ce secteur d'activité.

Des pourcentages spécifiques d'augmentation de conversion sont individuels pour chaque industrie. Alexey a appelé 12 % pour un créneau hautement concurrentiel dans un marché hautement concurrentiel, un résultat époustouflant. Mais pour certains autres domaines, ce niveau peut être insuffisant.

Du point de vue de notre interlocuteur, il faut évaluer l'efficacité de l'atterrissage, en partant non seulement de votre propre produit, mais aussi des produits des concurrents. S'il n'y a pas de pages de destination et de sites de haute qualité dans les résultats de recherche, vous pouvez prédire une conversion future plus élevée. Plus les concurrents sont forts, plus les prévisions sont basses. Le client a déjà examiné et évalué plusieurs offres attrayantes, et il est impossible de prédire laquelle «jouera» dans chaque cas spécifique. Cela changera peut-être avec le développement des réseaux de neurones, lorsque les technologies apprendront à créer des offres individuelles basées sur le comportement réseau des utilisateurs. Aujourd'hui, l'avenir du marketing ne fait que commencer.

À propos des serviettes

Étonnamment, les serviettes éponge sont tout à fait capables d'aider votre page de destination à générer des revenus. Nous avons pris le premier sujet qui nous est venu à l'esprit, dans ce cas, il s'est avéré être "la vente en gros de serviettes", et notre expert a suggéré instruction étape par étape dans la résolution de ce problème.

Tout commence, bien sûr, non pas par la recherche d'un designer, où il sera moins cher de faire un atterrissage, mais par la création d'un portrait d'un client potentiel : qui est-il, de quoi a-t-il besoin et pourquoi devrait-il acheter votre produit?

La vente en gros de serviettes appartient à la sphère B2B, ce qui signifie que le visiteur du site ne sera pas l'utilisateur final du produit, mais un entrepreneur dont la tâche principale est de gagner de l'argent sur votre produit. Alexey a identifié plusieurs positions qui intéresseront le visiteur :

• Prix ​​des marchandises (serviettes), en gros et recommandés pour la revente (nous montrons combien vous pouvez gagner).
• Conditions d'achat: la taille du lot minimum, la disponibilité des remises cumulées, quelles sont les conditions de prépaiement, de post-paiement et quels modes de paiement sont possibles. Assurez-vous d'indiquer l'emballage des marchandises (le nombre de marchandises dans une boîte / un pack).
• Délais de livraison : délais moyens d'enlèvement d'un lot de marchandises pour paiement, délai moyen de livraison, coût de livraison.
• Intervalle. Vous êtes le fabricant (ou le revendeur exclusif, ou quelqu'un d'autre) et offrez à l'acheteur quelque chose et cela qui satisfera pleinement ses besoins.

Ces postes dans le marketing sont également appelés « ancres » ou, comme le dit Aleksey, des « crochets » qui « accrochent » un client potentiel. Plus l'approche analytique est complexe, plus il y aura de tels postes et le portrait du client cible à qui s'adresse la proposition sera plus précis.

Ce n'est qu'en identifiant les besoins du futur client et en formant l'USP notoire, que les spécialistes du marketing (et pas seulement sur Internet) ont "bourdonné leurs oreilles" aux entrepreneurs, que l'on peut commencer à résoudre les problèmes techniques de création d'une page de destination. La principale chose à laquelle il faut prêter attention ici, Alexey a appelé la convivialité (un ensemble de composants qui rendent les informations compréhensibles et l'utilisation de la page de destination pratique) et l'adaptabilité (la capacité de la page à s'adapter à des écrans de différentes tailles).

Ce n'est qu'après avoir identifié les besoins du futur client et formé l'USP que vous pouvez commencer à travailler sur les problèmes techniques de création d'une page de destination.

Notre interlocuteur souligne également que les bénéfices doivent être à la fois précisés et visualisés. Différentes personnes perçoivent mieux les informations différents types. Des formulaires de candidature, un appel du site, des commentaires, des numéros de téléphone, des icônes de médias sociaux et d'autres méthodes de communication sont également fournis.

Il est important que le texte non seulement informe, mais encourage le visiteur à agir. Il existe des pages de destination où, à première vue, il n'est pas clair que le produit puisse être commandé ici. Les visiteurs lisent les informations et se rendent sur le site suivant pour commander.

Dans le même temps, les résultats de recherche sont audités. Les sites sont évalués pour leur conformité aux "ancres". L'une des meilleures pages de destination dans un créneau donné appartient au fabricant.

Aleksey a noté que la page de destination avait été conçue de manière professionnelle, bien pensée, mais qu'elle manquait de détails.

Tout d'abord, les prix ne sont pas indiqués. Plus précisément, ils sont indiqués, mais pour les voir, vous devez développer l'onglet "Informations", ils ne sont pas visibles lors d'une vue superficielle. Lors de la création d'une page de destination, ne vous attendez pas à ce que l'utilisateur commence à lire chaque mot immédiatement, vous n'avez que 5 à 6 secondes pour l'intéresser.

Deuxièmement, il n'y a pas d'actions et offres spéciales. Le visiteur n'est pas intéressé à passer une commande immédiatement. Même si votre offre l'intéresse, il peut mettre le lien en signet, mais s'il y reviendra ou non est une grande question.

Troisièmement, certains avantages ne sont pas spécifiques. Par exemple, il est indiqué que la production est certifiée, mais il n'y a pas de numérisation des certificats eux-mêmes. Et "un grand choix de tissus", "un haut niveau de service" et " dès que possible» est un classique du « copywriting » bon marché. Écrivez "178 options de tissu", "un responsable personnel travaillera avec vous", "nous le produirons en 1 jour", et le client décidera lui-même si cette proposition est "grande", "élevée" et "la plus courte".

Lors de l'analyse des concurrents, vous ne pouvez pas vous limiter aux pages de destination. Votre client ne se soucie pas de l'outil que vous utilisez. Évaluer les sites des magasins en ligne. L'un des concurrents directs les plus puissants, Alexey a appelé le site, sur la page duquel se trouvent des informations essentielles pour un acheteur potentiel. Une carte de commande simple et compréhensible attire l'attention.

Cependant, il existe de très gros désavantage est le texte SEO sur la page.

D'abord, c'est simplement médiocrement écrit : « Les serviettes éponge en gros sont assistants indispensables dans chaque cuisine et salle de bain. Quoi, désolé ? Habituellement, à cet endroit, ils disent: "Le texte SEO est nécessaire pour attirer les robots sur le site, personne ne le lit de toute façon." Et c'est en partie vrai, sinon...

Deuxièmement, le texte SEO est placé AU-DESSUS (!) de l'annuaire, c'est-à-dire que c'est lui qui attire le premier l'œil du visiteur et c'est lui qui crée la première impression du site. Et vous avez 5-6 secondes, ne l'oubliez pas. En d'autres termes, certains visiteurs n'atteindront tout simplement pas votre excellent catalogue, appréciant les "charmes" du texte SEO sur lequel vous avez enregistré.

Avant de conclure que la page de destination ne fonctionne pas et que de l'argent y est gaspillé, comparez-la avec des concurrents et évaluez-la en tant qu'utilisateur. Peut-être pouvez-vous voir par vous-même quelles sont ses positions problématiques. Si vous êtes confronté à la question de la création d'une landing page, la principale chose que vous devez comprendre est qu'il s'agit d'un outil complexe, dont le succès nécessite une recherche marketing sérieuse, créative et travail technique, analyse des ventes et améliorations pour augmenter la conversion. Un atterrissage professionnel ne peut tout simplement pas coûter 5 000 roubles, car il nécessite le travail de plusieurs spécialistes pendant au moins un mois !

Si la première chose que vous demandez dans une agence de marketing Internet est "Combien coûte une landing page ?", le résultat ne vous satisfera pas. Vérifié. Énoncé correct de la question : "Combien vais-je gagner sur votre page de destination ?" et "Qu'allez-vous faire à ce sujet?".

Afin que vous ayez une idée de la qualité de nos cours, je poste
commentaires pour mes autres cours.

Manushin Sergueï Alexandrovitch

Bon soutien. Je ne connaissais rien du tout au site. Grâce à ce cours, j'ai beaucoup appris. Mais comme partout il y a des pièges où l'on ne peut pas se passer de pourboires. Heureusement, le support technique fonctionne sur le site et c'est elle qui aide dans de tels cas. Je vous suis très reconnaissant de votre aide et d'avoir créé une telle méthode d'enseignement. Très agréable, serviable et efficace.

Merci beaucoup!!!

Cordialement, Sergey.

Kharlamov Semion

Le cours est juste génial !
Je voulais depuis longtemps créer mon propre site Web, et lorsque la question de l'achat s'est posée, j'ai surfé sur tout Internet à la recherche de la meilleure option (qualité-prix). Après une longue recherche, j'ai réalisé que si vous voulez un site Web sur mesure, vous devez le créer vous-même. Et je ne me suis pas trompé, car au début je ne savais pas moi-même clairement de quel site j'avais besoin.

Au cours de la construction, mon site a changé plus d'une fois, et pour être honnête, je ne suis pas sûr qu'il le restera. Maintenant j'ai une base de connaissances qui est constamment mise à jour et je peux réagir à tout moment s'il se passe quelque chose, changer ou ajouter tel ou tel module, plugin ou template.

À ce cours Alexander explique tout de manière claire et intelligible comment créer une boutique en ligne à partir de zéro. Comme toute étude, cela a demandé beaucoup de temps et d'efforts, mais c'est réel ! je ne suis pas familier avec Langage HTML construit néanmoins un chantier à part entière. Et ce n'est que le début, il est prévu d'en construire quelques autres.

PS Un grand merci à Alexander et son équipe pour son approche professionnelle

Cordialement, Semyon.

Azamat Ouchanov

Viatcheslav Fetisov

Au début, lors de l'achat, je doutais de donner de l'argent pour un produit qui en valait la peine
Alexander, je suis très satisfait de vos cours, même si honnêtement, je n'ai acheté qu'un seul des cours payants sur la création d'une boutique en ligne. J'envisage d'en acheter 2 autres.Les parcours sont très détaillés et intéressants, tout y est en fait, il y a peu d'eau, comme j'aime. Bien que je sois webdesigner avec 2 ans d'expérience, je n'y connaissais pas grand chose, votre expérience m'a beaucoup aidé et je suis tout simplement satisfait de vos cours. Au début, lors de l'achat, je doutais de donner de l'argent pour un produit valable, après avoir étudié le cours, assis sur le forum pendant des jours, j'ai appris à créer mes propres modules, j'ai compris ce qu'est le design et comment le regarder .

Les webinaires que vous menez n'ont pas de prix, un audit c'est généralement le prix d'un audit sur Internet pour près de 10 000, et vous vendez un produit intéressant + audit + webinaires + un forum où les gens répondent en permanence. Le prix du cours est réel et je ne l'ai sans doute pas compris.

Je tiens à vous remercier pour vos cours. Merci beaucoup.

Cordialement, Viatcheslav.

Lieberman Konstantin Igorevitch

10 points!
Je connais les cours d'Alexandre Kurteev depuis l'Antiquité, tout est toujours clair et intelligible. J'ai choisi ce produit car je voulais depuis longtemps faire un magasin rentable.

Tous les chapitres sont détaillés. Le cours a rassemblé des composants et des extensions éprouvés. Il est pratique que vous fassiez tout en parallèle avec l'auteur et que vous puissiez voir les progrès vers l'objectif.

Le but est atteint, la connaissance est acquise, le résultat plaît. Respect aux créateurs ! Je recommande à tout le monde.

Cordialement, Lieberman Konstantin.

L'optimisation du taux de conversion est l'un des sujets importants du marketing numérique et de la conception Web. Il arrive parfois qu'un petit ajustement ou une augmentation graduelle du taux de conversion suffise pour que cela affecte sérieusement les ventes. Au fil des ans, les spécialistes du marketing ont travaillé sur l'efficacité des pages de destination - beaucoup savent conseils utiles qui ont un effet positif sur la conversion. Mais ce sont des conseils généraux. Les professionnels obtiennent des résultats impressionnants, guidés par des recommandations légèrement différentes.

Promotion page de destination n'a jamais été facile. Tout d'abord, parce que tout le concept d'optimisation est la grandeur d'une variable. Le nom de la marque et sa réputation importent beaucoup ici, ainsi que la manière exacte dont les visiteurs accèdent à la page. Et il existe des dizaines voire des centaines de ces facteurs spécifiques. Et vous pouvez parler de chacun d'eux pendant très longtemps. Cependant, il existe plusieurs façons d'influencer l'augmentation des conversions, qui valent vraiment la peine d'être évoquées.

Couleur : noir et jaune

Si la couleur jaune ne figure pas dans le logo de la marque, il est peu probable que le concepteur veuille l'utiliser lors de la création de la mise en page de la page de destination. Et à bien des égards, il aura raison. Le jaune n'est pas la meilleure couleur et ne va pas toujours bien avec les autres nuances. Cependant, c'est l'une des couleurs les plus efficaces en matière d'optimisation. page de destination.

Beaucoup ont remarqué que le jaune est activement utilisé dans les panneaux d'avertissement, il y a cette couleur dans les feux de circulation. Et ce n'est pas un hasard. Le jaune est une couleur d'avertissement et envoie aux gens un signal clair : "Soyez prudent !". De plus, le jaune est associé à la chaleur, à l'optimisme et à la créativité. Et lorsqu'un designer associe le jaune au noir, cela fait une forte impression sur l'utilisateur. Plus efficace que ça paire de couleurs seulement une combinaison de noir et de rouge, mais c'est trop agressif, mais le jaune attire l'attention, mais ne fait pas peur.

Ainsi, lors de l'optimisation de votre page de destination, vous voudrez peut-être essayer de modifier votre palette existante pour inclure le noir et le jaune. Il est très probable que cela aura un bon effet sur l'augmentation des conversions.

A bas la barre de navigation !

Qu'est-ce qui affecte l'efficacité d'une page de destination ? Presque tout, mais il est très important qu'il n'y ait pas de distractions dans la conception. Le but d'une page de destination est de forcer le visiteur à effectuer des actions spécifiques et rien ne doit interférer avec cela. C'est pourquoi il est totalement inutile et même nuisible de placer une barre de navigation en haut de la page. La seule tâche du menu de navigation est de rediriger les utilisateurs vers d'autres pages, mais ils ne sont pas et ne doivent pas être sur la page de destination, car un conflit d'intérêts survient - l'utilisateur perd sa concentration, car il comprend qu'il peut effectuer plusieurs actions à une fois lors de l'affichage de la page.

Si vous voulez en savoir plus sur la relation entre la navigation et les conversions de landing page, vous pouvez lire un bon article publié sur HubSpot il y a quelques années. C'est difficile à croire, mais la suppression barre de navigation peut fournir une augmentation de la conversion de 2 à 28% selon le type de page. Les spécialistes du marketing qui traitent constamment des pages de destination doivent immédiatement se débarrasser de la navigation si elle se trouve sur le site. Elle n'en a pas du tout besoin.

images originales

Les images sont une partie importante d'une page de destination, mais de nombreux spécialistes du marketing croient à tort que presque toutes fonctionnent aussi bien. L'essentiel est qu'ils soient de haute qualité et sur le sujet. Ce n'est pas vrai. Une erreur dans le choix d'une image peut réduire considérablement le taux de conversion et, par conséquent, le niveau de revenu. Comment résoudre ce problème? Tout d'abord, vous devez refuser d'utiliser des images provenant de divers stocks, surtout s'il s'agit d'images de personnes. Tout le monde a vu des pages de destination où des produits complètement différents sont « représentés » par la même personne.

L'image de stock manque d'originalité, car elle n'a souvent rien à voir avec le produit ou le service proposé par la page de destination. Et c'est pourquoi ça ne marche pas. Si, par exemple, vous remplacez une image de stock par une photo d'un véritable employé de l'entreprise, cela peut donner des résultats étonnants. Highrise a augmenté le taux de conversion de sa page de destination jusqu'à 102 % de cette façon. Les concepteurs ont montré aux utilisateurs de vraies images et le public a immédiatement réagi.

mot magique

Les cas où la conversion de page augmente en remplaçant un mot par un autre ne sont pas si courants. Mais ça arrive. Quel est ce mot magique ? Beaucoup seront surpris, mais ce mot est "recevoir". Un certain nombre d'études de cas et de tests A/B ont montré que l'inclusion du mot "obtenir" dans un appel à l'action influence grandement le comportement des utilisateurs et les rend plus susceptibles de cliquer sur le bouton CTA. Voici un exemple : l'appel "Obtenir des informations sur les prix" est 14,7 % plus performant que le texte standard "Informations sur les prix". Ces données ont été obtenues expérimentalement. Dans une autre expérience, l'utilisation du mot "obtenir" a entraîné une augmentation de 38,26 % des conversions.

Le mal d'une preuve sociale faible

Dans le marketing numérique aujourd'hui, la preuve sociale est considérée comme un élément important de toute page de destination réussie. Cependant, le problème est que toutes ces discussions sur la preuve sociale ont conduit les concepteurs à commencer à utiliser cette même preuve partout, ce qui en soi est une erreur. De plus, cette pratique a conduit à l'émergence d'un phénomène tel que la preuve sociale faible, qui affecte négativement la conversion.

L'exemple le plus frappant de preuve faible est une page de destination où les boutons réseaux sociaux situé en haut de la page. Bien sûr, c'est très cool si le visiteur de la page de destination voit l'icône Facebook, ce qui indique que cette page de destination a été partagée par 12 000 utilisateurs. Mais le même bouton peut tout gâcher s'il est clair que personne n'a jamais cliqué dessus. Dans ce cas, il vaut mieux se débarrasser de cet élément, car il est une faible preuve sociale.

Conclusion

Lorsque le taux de conversion cesse de croître, il devient clair qu'il faudra beaucoup de temps et d'efforts pour le faire décoller. Cette pensée a tendance à ne pas plaire aux spécialistes du marketing, en particulier ceux qui ont de petits budgets. Cependant, vous pouvez corriger la situation si vous connaissez quelques moyens efficaces. Oui, certains des conseils de cet article sont controversés, mais ils devraient l'être. La promotion d'atterrissage est toujours non standard et n'importe quelle petite chose peut "tirer" ici. Il y a eu des cas où le changement de couleur d'un bouton CTA du jaune-vert au jaune riche a entraîné une augmentation spectaculaire des taux de conversion. Donc ça marche. Peut-être pas toujours, tout dépend du type de page, mais ça marche. Cela vaut donc la peine d'expérimenter. Comment savoir si cela augmentera la conversion sans frais financiers supplémentaires ?

Les premières impressions en ligne sont tout aussi importantes que dans la vraie vie. Parce que nous donnons aux utilisateurs un grand choix d'options, leur attention diminue lorsqu'ils traversent des pages de destination mal conçues.

Selon une étude conjointe de Google et de l'Université de Bâle, les utilisateurs évaluent l'attrait esthétique et la fonctionnalité perçue d'un site en environ 1/20-1/50 de seconde. C'est moins que ce dont vous avez besoin pour un claquement de doigts. Et pendant ce temps, le visiteur décide de vous donner une chance ou d'aller chez des concurrents.

Alors, que peuvent faire les propriétaires d'entreprise pour se démarquer de la foule ? Nous nous sommes assis avec trois des meilleurs concepteurs de pages de destination pour comprendre la psychologie, la stratégie et les secrets de la création de superbes conceptions de pages de destination à forte conversion.

Une page de destination doit avoir un objectif (oui, un seul)

"Les meilleures pages de destination sont simples et axées sur un seul objectif", explique Shar Biggers, fondatrice du studio de design PROVOKE basé à New York, qui a travaillé sur des projets pour Hillary Clinton, Sephora, Squarespace et Clinique.

Avant de commencer à travailler sur le texte ou la conception, formulez l'objectif de la page de destination.

"Cela semble simple, mais il y a souvent des éléments auxquels le client n'a pas pensé", explique Simone Smyth, fondatrice de HyperBrow Studio, basé à Dublin.

"Cherchez-vous à augmenter les conversions de ventes, à obtenir des données sur les utilisateurs, à renforcer votre marque ou tout ce qui précède ? Ensuite, abordez chaque objectif séparément, en termes de conception et de développement. »

« La hiérarchie d'une landing page détermine son succès. Par conséquent, il est important de décider de l'objectif ultime de la page lors de son développement.

Différents objectifs - différentes pages.

L'objectif principal guidera le processus de développement et garantira qu'après le lancement, vous évaluerez immédiatement l'efficacité de l'atterrissage.

Dans l'éditeur de page de destination de LPgenerator, vous pouvez créer une hiérarchie de page de destination à partir de blocs structurels prêts à l'emploi. Ils sont divisés en catégories : en-tête, avantages, étapes de travail, formulaire de prospect, pied de page, etc. Voici à quoi ressemble notre générateur de sections :

Notez tout ce que vous savez sur les clients

Ainsi, lors de la conception d'une page de destination, vous devez d'abord réfléchir à son objectif. Et deuxièmement? Comprendre le public.

Mettez-vous à la place des clients et réfléchissez à ce qu'ils attendent de la page ? Pourquoi devraient-ils rester et entreprendre une action ciblée ? Plus vous en savez sur le public, plus le designer est susceptible de créer quelque chose de pertinent pour lui.

« Tout d'abord, j'apprends à connaître les activités des clients, leur industrie et ce que font leurs concurrents », explique Shar.

« Je leur explique leurs propres processus commerciaux, leurs clients et leurs objectifs de conversion/vente, ainsi que les avantages de leur marque. Quel que soit le besoin, ces informations sont toujours pertinentes pour le projet.

Shar a développé des solutions de conception spécifiques pour la nouvelle page d'accueil Everwise, un service de rencontres pour les mentors. La conception de Ball se concentre sur la preuve sociale (qui utilise le service) et la réussite du client (96 % de réponses correctes). Cela vous motive à vous inscrire et à obtenir plus d'informations.

Souvent, les pages de destination sont propres à un segment d'audience spécifique ou à des clients spécifiques. Cela signifie que vous devez déjà en savoir suffisamment à leur sujet pour donner au concepteur une idée claire de la destination des pages de destination.

Démarquez-vous avec votre conception

Il a été mentionné ci-dessus que vous n'avez que quelques millisecondes pour attirer l'attention de l'utilisateur. Même le texte le plus professionnel ne sera pas lu pendant cette période. Reste à se fier au design.

Harmut Esslingen, le designer allemand qui a contribué à façonner l'image des produits Apple dans les années 80, avait pour principe directeur que "la forme suit l'émotion".

Lorsque vous visitez un site pour la première fois, vous l'évaluez à partir de certains modèles de conception. Attendez-vous à voir une barre de navigation en haut ou sur le côté, ou un menu déroulant dans le coin supérieur droit sur un site de commerce électronique. Si une ressource ne répond pas à ces attentes, il est plus difficile pour notre cerveau d'y lire les informations et nous la percevons automatiquement comme gênante.

Cependant, lorsqu'il s'agit d'une page de destination avec un objectif unique et bien défini, le respect des normes de conception peut se retourner contre vous.

« Beaucoup de nos clients ou startups, et leur principale préoccupation était de tout faire correctement. Mais « bon » pour eux, c'est ce qui est considéré comme normal et juste dans leur environnement », explique Simon Smith.

"Je pense que tout le monde a une idée prédéterminée de ce à quoi ressemble une page de destination, mais cette idée n'est pas nécessairement correcte."

« Nous sommes une agence de création numérique. Nous nous concentrons sur la conception, le conseil et la technologie. Hélas, la landing page est trop longue. Il n'attirera pas l'attention des utilisateurs

« Le design est essentiel dans une course compétitive. Vous pouvez aller de l'avant avec des illustrations, des vidéos ou de la typographie, il n'y a pas de formules.

« À mon avis, aucun élément ne devrait être passe-partout. Parce que chaque entreprise est différente et, plus important encore, chaque public est différent. Apple ne correspondra pas à la même formule qu'un petit café."

« La propreté et le minimalisme ont tendance à Le Meilleur Choix, mais nous sous-estimons souvent le reste des possibilités innovantes », ajoute Shar.

"Tout cela est pertinent non seulement pour le site principal, mais également pour les pages de destination, les bannières, les pop-ups et autres outils de publicité numérique. Ma page de capture d'e-mails préférée est celle de la marque Lenny. »

Vous pouvez personnaliser la conception de la page d'accueil dans l'éditeur de page d'accueil LPgenerator. Voici à quoi ressemble notre panneau de widgets :

Et voici la barre d'outils d'édition de page de destination.

Concentrez-vous sur l'expérience utilisateur pour transformer les visiteurs en clients

Capté l'attention de l'utilisateur et l'a convaincu de rester ? Maintenant, le vrai travail commence.

"Lors de la conception de pages de destination exceptionnelles, nous essayons de minimiser l'inconfort de l'utilisateur. Pour ce faire, nous nous posons des questions : "Est-ce que cela améliore l'expérience ?" et "Est-ce que cela ajoute de la valeur à la marque?", explique Jesper Balzer, directeur général d'ajukreizi, une agence basée à Copenhague qui travaille avec des clients tels que Universal Music et Roskilde Festival.

Lorsque Jesper et l'équipe ont été embauchés par Foodscene pour créer une page de destination pour leur application de cuisine sophistiquée, ils ont décidé de renforcer le message émotionnel de la marque par le biais d'une vidéo en plein écran pour motiver les utilisateurs à télécharger l'application.

En conséquence, un tiers des visiteurs de la page de destination ont commencé à se convertir en clients payants.

De même, lorsqu'on a demandé à Simon de créer une page d'accueil pour la Science Gallery Dublin, les clients n'ont pas formulé de « demande » claire autre que d'attirer des visiteurs. Par conséquent, les développeurs se sont concentrés sur la création d'une interface utilisateur unique.

« Quelqu'un trouvera cela étrange, mais la galerie de Dublin connaissait son public. Ces personnes sont jeunes, curieuses et se croient différentes de leurs pairs. Le défi consistait donc à créer une page de destination qui résonnait avec ce public spécifique. »

« Notre travail en tant que concepteurs et développeurs était de développer une page d'accueil qui serait la porte d'entrée vers le microsite de l'exposition. Si le travail est bien fait, l'utilisateur s'engagera avec la page de destination et voudra continuer l'expérience sur le site en explorant l'exposition en ligne avant de visiter la galerie dans la vraie vie.

Ci-dessus, deux options de mise en page. Dans les deux cas, le concepteur a créé une page qui responsabilise les clients déjà intéressés.

Pour Shar, tirer parti des forces de la marque (émotions, etc.) est un élément clé du succès de la page de destination.

« Le branding est de loin la stratégie de référencement la plus importante, y compris une histoire bien écrite et une expérience visuelle haut de gamme pertinente sur toutes les plateformes numériques. Les liens d'une marque avec l'historique de recherche et les requêtes des internautes affectent directement qui voit son contenu et ses pages de destination."

Créer. Mesurer. Étudier. Répéter.

Une landing page réussie est un organisme vivant. Il ne sera pas possible de le créer et de l'oublier, en espérant qu'il remplira ses objectifs par lui-même. Mesurer et explorer les données - Le chemin vers l'extraction avantages maximaux de votre campagne. Et bien que vous sachiez déjà que la métrique clé de succès est basée sur le premier paragraphe de l'article (une page de destination - un objectif), vous pouvez suivre d'autres indicateurs pour comprendre si la conception aide ou entrave l'action cible.

"La métrique de conception la plus importante est le taux de rebond relatif sur le bureau et appareils mobiles. Si vous constatez que les utilisateurs quittent les pages de destination mobiles plus rapidement que celles des ordinateurs, alors votre version mobile Problèmes UX », explique Shar.

"Si votre page de destination ne se convertit pas bien, il peut y avoir plusieurs raisons. Mais très probablement, vous ne donnez pas aux utilisateurs information nécessaire ou ne mettez pas en surbrillance la valeur. Parfois, les erreurs se situent dans les petites choses : par exemple, le formulaire de capture est trop long ou il y a trop d'informations sur la page de destination. »

Résumer. Une bonne conception de page de destination comprend cinq aspects :

• Comprendre l'objectif le plus important de la page ;
• Comprendre le client idéal
• Design unique qui attire l'attention ;
• Une expérience délicieuse qui encourage la conversion;
• La possibilité de suivre et de mesurer les actions des utilisateurs.

N'oubliez pas que les pages de destination ne doivent pas être créées à partir de modèles. Chacun d'eux doit trouver un équilibre entre les objectifs de l'entreprise et les besoins du public.

Victoria Kuchinova

Le principal problème avec la plupart des pages de destination modernes est qu'elles semblent toutes être faites en copie carbone. Et où est la créativité, le feu, où est la frénésie du design ?

Dans cette collection, j'ai rassemblé des puces intéressantes et des effets inhabituels. Certains d'entre eux ont été créés par des développeurs et des concepteurs Web Texterra, et certains ont été trouvés sur le Runet. Non sans exemples de design dégoûtant et de shiza pur et simple - à la fin de l'article, vous trouverez une connaissance d'un hamster tueur et d'une Snow Maiden avec un seau.

Regardez, inspirez-vous, mettez en pratique les idées que vous aimez, mélangez-les avec les vôtres et n'oubliez pas de tester A/B - c'est la seule bonne recette pour créer des pages de destination qui tuent.

Et, surtout, rappelez-vous qu'une page de destination n'est pas un outil autonome. Pour les conversions, les prospects et les ventes, vous avez besoin d'un trafic de haute qualité. Et il est difficile de l'obtenir sans une promotion complète.

Formulaire étendu

Habituellement, les pages d'une page utilisent un formulaire de demande standard avec plusieurs champs. Le plus souvent, le client doit fournir des informations de contact - prénom, nom de famille, adresse postale ou numéro de téléphone. Mais dans certains domaines complexes, il est préférable de couvrir le sujet plus en détail. Voici comment ils l'ont fait dans Texterra : sous la forme d'une page de destination dellservers.ru, le client peut sélectionner un module, des paramètres et des tâches de serveur. Peut réinitialiser les valeurs en cas de problème.

Pourquoi est-ce? Dans tous les cas, le propriétaire de la page de destination recevra ses prospects - même s'il n'y a que deux ou trois champs dans le formulaire. Mais ici, il sera intéressant pour le client d'approfondir. Pas seulement pour commander, mais pour choisir votre propre option.

Deux boutons STA

Sur la page d'accueil du planificateur de tâches sur wunderlist.com/ru, il y a deux appels à l'action à la fois, qui se renforcent mutuellement : Compte' et 'Télécharger Wunderlist'. Les utilisateurs cliquent sur les deux liens, la conversion augmente et la page de destination fait parfaitement son travail.

Chiffres spécifiques (résultats)

Ce n'est pas nouveau, mais ça marche toujours. Montrez aux clients ce que vous avez réalisé en chiffres : c'est plus clair que les phrases abstraites « nous sommes les meilleurs », « nous avons des centaines de projets terminés », etc. Regardez la page d'accueil de smartprogress.do : vous pouvez immédiatement voir combien de personnes ont déjà rejoint le projet, combien d'objectifs ont été fixés, combien de réalisations ont été atteintes.

Personnalisation

Pages de destination de modèles sans visage - br-r, quoi de plus terne ! Animez votre one-pager, ajoutez du feu, intéressez un client potentiel. Par exemple, sur la page des services de Texterra pour la création de sites Web, il y a des photos d'employés qui sont directement impliqués dans cela. Le visiteur entre et voit: oui, pas des développeurs abstraits, mais Svyatoslav, Polina, Artem et d'autres qui vivent bien s'occuperont de ma ressource.

Formulaire de réponse pratique

Sur de nombreuses pages de destination et sites Web, vous ne pouvez poser une question que via un formulaire. Et cela signifie que vous devez indiquer le nom et le prénom, laisser le numéro de téléphone et e-mail. Parfois, vous devez même saisir des captchas et des codes - horreur ! Il est clair que cela est fait dans le but d'obtenir des prospects. Mais il existe une autre option - comme sur la page de destination de Cerebro Target. Si vous êtes inscrit sur VKontakte, vous n'avez rien à remplir - prenez-le et écrivez. Le client est à l'aise et le propriétaire va bien - le contact est laissé, vous pouvez continuer à travailler.

Avis des clients

Vous pouvez demander aux clients de parler de leurs expériences et publier les textes reçus sur la page de destination. Mais le hic, c'est que le visiteur ne vérifiera en aucune façon s'il s'agit de vrais avis ou de faux avis. Mieux vaut aller plus loin et en convaincre les visiteurs. La page d'accueil huskypark.info, qui a été développée par Texterra, cite les mots des clients d'Instagram avec des liens vers leurs comptes. Tout est juste - venez et voyez.

Démonstration des résultats

Graphismes 3D et réalité augmentée

La page de destination a été créée pour l'application Qubi. Ceci est un jeu pour les enfants de 3 ans et plus et les adultes. L'essence du jeu est simple. Lors de la première étape, l'utilisateur, selon le schéma proposé, colle un vrai cube de papier, de carton ou de bois.

Puis il installe l'application, l'ouvre sur son smartphone et "regarde" le cube à travers la caméra de l'appareil.

Sur l'écran d'un smartphone ou d'une tablette, le cube prend vie. L'utilisateur joue une version tridimensionnelle de "Snake", "2048", "Labyrinth". Dans ce cas, vous devez contrôler le jeu à l'aide d'un vrai cube. Pour contrôler le cube à deux mains, vous devez utiliser un support spécial pour votre smartphone, que vous pouvez assembler vous-même.

Le modèle tridimensionnel du cube peut être vu dans l'illustration (gif).

Ce que le client voulait

Le client a demandé de faire une landing page qui met l'accent sur la fonctionnalité du jeu : l'utilisation de la réalité augmentée 3D. Il voulait notamment voir l'effet des faces mobiles d'un cube tridimensionnel dont la face active s'inscrit sur l'écran de l'appareil du visiteur.

Qu'avons-nous fait

Nous avons implémenté la 3D à l'aide de transformations 3D CSS3. Les transitions entre les faces du cube se font en JavaScript pur avec tracking faire glisser des événements et toucher. Grâce à des transitions inhabituelles entre les écrans, l'utilisateur crée une sensation de tridimensionnalité de l'écran. Ceci est particulièrement prononcé sur la version de travail de la page de destination.

Pour la version finale de la landing page, nous avons réalisé une version plus réaliste du cube. Contrairement à la version de travail, dans la version finale, la rotation du cube se produit de l'extérieur et non de l'intérieur. La sensation 3D est renforcée par des animations de titre.

La page de destination est entièrement responsive.

Sélection interactive de couleurs d'intérieur et de meubles

La particularité de la page de destination DSK.Color est la possibilité de choisir indépendamment la couleur des meubles et des éléments d'intérieur à l'aide d'une palette interactive.

La société DSK.Color peint toutes les surfaces de différentes couleurs. Vous pouvez commander la coloration des meubles, appareils ménagers, Vélos, instruments de musique et d'autres articles. Le client peut choisir n'importe quelle couleur.

Le service le plus demandé est la peinture de meubles et d'objets d'intérieur. Il représente environ 80% du travail du client.

Ce que le client voulait

Le client a demandé de faire un atterrissage lumineux et mémorable "avec un appel à tout colorer autour". Il a eu des idées pour faire des représentations 3D du mobilier afin que le visiteur « puisse tordre et voir l'objet peint sous différents angles ».

Qu'avons-nous fait

Nous avons proposé au client une idée : donner au visiteur la possibilité de choisir indépendamment la couleur des meubles et des objets d'intérieur.

Pour ce faire, la landing page proposait une image d'une pièce dans laquelle le visiteur pouvait peindre les principaux objets à l'aide d'une palette qui s'ouvrait au clic. Sur la base des couleurs et des éléments sélectionnés, l'utilisateur peut calculer le coût des services. Le premier prototype ressemblait à ceci.

Le client a vraiment aimé l'idée, nous avons donc créé un prototype fonctionnel de la page de destination. Sur celui-ci, la partie principale ressemblait déjà à ceci.

Nous avons convenu avec le client de laisser la possibilité de peindre la table, les chaises, la porte et le meuble de cuisine. Ce sont les principaux articles peints par l'entreprise.

Après l'approbation du prototype, le concepteur et le maquettiste se sont impliqués dans les travaux. Le premier a dessiné tous les éléments en svg (c'est un format graphique). Le second a composé et ajouté une palette de couleurs aux zones svg. Après cela, une fenêtre modale a été implémentée. Avec lui, l'utilisateur peut revérifier les couleurs et les articles et soumettre une demande de service.

Préchargeurs inhabituels et ordinaires

À l'aide d'un préchargeur ou d'un spinner, vous pouvez rendre n'importe quelle page de destination plus pratique et visuellement attrayante. Dans cette section, nous parlerons des préchargeurs et examinerons des exemples de ces éléments créés par des spécialistes de Texterra.

Qu'est-ce qu'un préchargeur et quelles tâches résout-il

Un preloader ou spinner est un signe qui apparaît à l'écran avant le chargement de la page. Vous voyez ces éléments tous les jours lorsque vous utilisez Internet. Vous trouverez ci-dessous un exemple de préchargeur.

Le préchargeur résout un problème pratique : il informe l'utilisateur que la page est en cours de chargement et remplace également l'image de chargement visuellement peu attrayante. Cela doit être expliqué.

à cause de caractéristiques techniques le travail des navigateurs, les pages des sites sont chargées de manière inégale. Pendant le chargement, la mise en page peut « flotter ». Si la page se charge en quelques secondes, plutôt qu'en une fraction de seconde, l'utilisateur observe une image peu attrayante pendant un certain temps.

Les préchargeurs sont implémentés à l'aide d'outils de développement frontaux standard : HTML, CSS, JavaScript et des bibliothèques et frameworks supplémentaires, tels que jQuery, React.

Comment nous améliorons les pages de destination avec les préchargeurs

Nous créons des préchargeurs uniques, y compris ceux animés. Voici quelques-unes de nos réalisations.

• Qubi

Pour la page de destination de Qubi, nous avons créé un préchargeur qui imite le menu de navigation. Cela permet à l'utilisateur de comprendre comment la page est gérée avant qu'elle ne soit chargée.

• niveler

Sur le site Web de Levellen Interiors, nous avons utilisé un préchargeur sous la forme d'un logo d'entreprise. Il s'agit d'un élément supplémentaire de l'image de marque du site Web.

La page d'accueil fournit des informations sur la location de locaux dans le centre d'affaires. Le principal secret de la page de destination se trouve dans la section "Bureaux". Ici, l'utilisateur peut voir la disponibilité de bureaux libres à chaque étage du bâtiment.

Lorsque vous survolez un bureau libre, le bouton "Détails" apparaît.

En appuyant sur le bouton, l'utilisateur est dirigé vers une page contenant des informations sur le bureau et ses photos. Depuis cette page, vous pouvez déposer une demande de location de chambre.

Fonctionnalités de mise en œuvre

Notre designer a dessiné les formes de l'espace bureau, les dessins sont au format svg. Ces dessins sont superposés aux plans d'étage. Lorsque l'administrateur du site dans le panneau de contrôle constate que le bureau est libre, le script active l'affichage de l'image sur le plan et la possibilité d'aller sur la page avec les informations et le bon de commande. Lorsque l'administrateur constate que le bureau est occupé, le script désactive l'image sur le plan.

Propre conception

Dans cet exemple, il n'y a pas d'astuces techniques complexes ni d'effets de conception - toute la page de destination sort une belle image: arrière-plan, couleurs, photos alléchantes du caviar d'Astrakhan. une page astrahancaviar.ru– bon exemple comment grâce au concepteur le produit veut être acheté. Et dégustez immédiatement !

Enfin, à propos du douloureux - quelques exemples d'atterrissages terribles. Pour le contraste, facepalm, agonie impuissante et tout ça. Je ne décrirai pas ce qui ne va pas avec eux - je vous suggère de résoudre ces problèmes vous-même. Ita-ak...