如何设计转换的着陆页

经过 维多利亚马丁内斯 10 months ago

登陆页面的基本目标是将访客转换为客户。营销人员,设计师和撰稿人密切合作,共同实现导线和转换。
网站的主页和着陆页之间的区别是他们收集的信息及其目的。其中主页分享有关该业务的一般信息,登陆页面寻求访客的意图。它可以提供新的订阅计划,下载免费赠品,或注册时事通讯。 

无论您的着陆页的目的,确保它粘在一个。其中一个最常见的错误是让游客同时做很多事情。

下面我们告诉您如何为访问者提供他们正在寻找的正确信息并将其转换为客户。 

目的

确定 目的 您的着陆页。您希望用户对此是什么?您是提供新的订阅计划吗?您是否正在启动一个以获取新用户的广告系列?或者你只是发布新功能,并希望人们发现?在回答这些问题后,您将获得着陆页的主要目的,您将能够无缝地调整它。 

提示:着陆页只能为单一的目的服务。不要试图为两个不同的东西填充您的页面。您越多,试图销售越来越少的机会。 

如何设计着陆页

复制

创意和原创 文案 是必须的。写一个引人注目的标题和副标题,以吸引读者到您的产品。保持简单,使用不超过10个单词来实现良好的性能,以避免在访客上混淆。除了有创意标题,在那里 是与副本相关的其他相关方面,以确定您的着陆成功。

其中一个是 独特的价值主张。 UVP是你提供的,它也是你与竞争对手分开的东西。它应该在着陆页的整个文本中看到。概述您服务的好处并将其降低到最低限度,只有一些强大的单词将对您的用户产生更多影响。你必须牢记的另一个方面是 SEO和关键词。这将确定您的登陆页面的成功,请研究与您的业务和竞争对手相关的最常用的关键字,并确保包括它们。最后,关于文本和副本, 语法错误 或者错别字不能发生。您是否相信一家在您读取的第一句中包含拼写错误的公司?这是一个简单而简单的事情,只是拼写检查你的着陆页,为时已晚。

视觉内容

视觉内容 是设计着陆页面时的关键方面之一。捕捉图像或您的产品或服务的视频,完美匹配副本将有助于您推动转换。图像必须与副本相关,以产生更大的影响,并应与品牌的个性相同。 

查看Freepik Resources,无论您选择照片或插图,我们都会得到覆盖!浏览 收藏品 为了改进您正在寻找的内容并使您的着陆页视觉突出!  

视觉内容着陆页

使用颜色

访问者将看到的第一件事是颜色。第一印象很重要,所以要确保 调色板 您选择匹配着陆页的整体目的,很好地挑选。从图像或插图中,您将使用背景颜色或CTA按钮。必须仔细采摘这方面,以便在整个网站上实现和谐。取决于您的产品或服务,您可以唤起的情感,或品牌的个性,充分利用颜色及其心理。了解更多信息 颜色心理学,查看此用指南。 (Amelia的帖子)

CTA.

A 呼吁采取行动 需要将我们的访客转化为Leads。订阅,注册,立即申请,免费试用,这些是一些最常用的CTA动作业务用于转换访问者。他们应该永远出现 在折叠之上 和尺寸,颜色或形式是铭记的方面。他们应该是 bold 并醒目,他们是面向行动的,所以他们需要从剩下的文本中脱颖而出。按钮颜色应与整个网站一致,但报告更好结果的那些是橙色和绿色。  

响应设计

今天,比以往任何时候都更多,我们与手机和平板电脑相互作用,比计算机本身更加互动,所以认为移动UX设计首先不是疯狂的想法。确保您的着陆页面在所有设备中看起来不错,因为大多数用户在智能手机上导航互联网,因此在您的战略计划中不包括它们将是错误的。从填写表格来注册新服务,您应该让游客的生活轻松,或者您将失去将其转换为客户的所有机会。 

响应设计

好处

这是您列出所有功能和优点的机会。保持你的福利,以使其更加视觉和吸引力。 

提示:一些企业提供免费赠品以换取电子邮件信息。想想你的访问者真正想要的是什么,这是一个免费指导,一个清单,让这有机会获得有关您的用户的一些信息!

推荐书

提供快乐客户的推荐可以提高获得新人的机会。它可以让人令人怀疑。这位推荐可以以视频格式,推文或引号。与“我们的用户说什么”部分将更有可能相信。潜在客户总是在检查评论,因此请不要犹豫,在您自己的着陆页中将其包含在内。它们不必离开网站检查它。

你的用户想是什么

把事情简单化

大多数时候,更少的时间更多。对于着陆页,它肯定适用。删除导航菜单以及从站点的任何其他不必要的分散注意力。你会获得更多机会来推动转换。 

在登录页面上,我们应该保留我们可以以上的一切 折叠。如果您不熟悉该术语,则指我们在网站加载时看到的Web内容,如果我们需要滚动,那么将低于折叠。因此,信息应清晰直接。

A / B测试

这是您着陆页的最后一步。在进行努力工作之后,您可能会发现您的登陆页面无法正常工作。为什么?嗯,客户可能无法发现它足以完成旅程的吸引力或值得信赖。 A / B测试允许您比较两个版本的同一登录页面,更改标题或子标线,或CTA的颜色,并获得更好的结果
着陆页面设计

资源

我们希望这些步骤为您和您的着陆页工作,如果您需要一些漂亮的资产为您的着陆页,这里有一群:


注释