在你的网站访问者感到无聊并离开之前,你有多少时间?

有很多资料说它来自任何地方15秒到七个或更少。

不管这些数字是多少,它们都指向同一个结论:你需要很棒的登陆页面来吸引访问者的注意力,吸引他们的注意力(当你在做的时候,还有钱包)。

登陆页和一般的网页不太一样。他们更有针对性,更以行动为导向。他们是来给你买的转换

出于这个原因,他们需要高度关注你想要完成的事情。

在本文中,我们将探讨如何制作一个好的登陆页面。然后,我们将放大7个登陆页面的例子,这样你就可以为你自己的活动收集一些见解。

我们开始吧。

现在使用Shopify开始在线销售

开始免费试用

什么是一个好的登陆页?

什么是一个好的登陆页

在我们进入一个好的登陆页面之前,让我们快速概述一下什么是登陆页面,以及它与网站上其他页面的不同之处。

登陆页面是一个独立的页面,它被设计用来完成一个特定的目标——比如注册你的电子邮件列表,注册你的VIP项目,或者购买一件物品。

通常,品牌通过一个特定的活动引导网络访问者到一个登陆页面,比如谷歌或谷歌Facebook的广告或者一个电子邮件营销的报价。

那么,一个好的登陆页是怎样的呢?以下是最基本的:

  • 有针对性的消息传递有一个单一的焦点:驱动一个特定的转换行动,从访问者
  • 简短而有力的标题和文案,说明你提供什么,为什么有价值,为什么访问者应该相信你
  • 极简的布局,设计和链接,使访问者不会分心,点击离开页面而不转换
  • 清晰,引人注目的文字-动作(CTA)按钮引导用户进行转换,如填写表单或进行购买

请记住,这些都是登陆页面的一般最佳实践。你不需要一直遵循它们。

让我们来看看一些最好的登陆页面的例子来说明这些原则,以及一些违反规则的反叛。

7个最佳登陆页例子

1.一页之爱

着陆页示例

这个登陆页面来自一页之爱有一个聪明的策略,导致销售他们的电子书“登陆页热点提示。”

在顶部的横幅中,你可以看到这本书预售的标注。

它给游客一个紧迫感和FOMO,说30美元的预售折扣结束了,但他们在这个月剩下的时间里仍然可以享受20美元的折扣。

神奇的是接下来发生的事情:对于那些感兴趣但还没有完全售出的人,他们可以注册,在100天的时间里每天通过电子邮件收到一条提示。

这给了访问者适当的承诺,让他们有机会“先试后买”。如果他们喜欢前几封邮件,他们就会买这本书,而不是等三个多月才能得到所有的建议。

天才。

在注册表格下,他们包括一些来自客户的推荐信,作为社会证明这些建议其实很好。下面是一封电子邮件的样例。

《一页之爱》在吸引读者购买或试读这本书方面做得非常出色。

2.Shopify

电子商务登陆页示例

Shopify的免费试用登陆页的任务是让你注册。

根据登陆页面的最佳实践,整个页面只有一个CTA按钮:“开始免费试用”。这在英雄中出现一次,然后又在最底部出现一次。

双CTA是一种有效的策略。在页面的顶部,对于那些准备好要去的访问者来说,它是清晰而简单的。

但对于那些需要更多说服力的人来说,他们可以浏览一下,看看Shopify的卖点。一旦他们到达底部,他们就会被提醒这个页面的唯一目的,并有机会注册,而不必滚动回去。

这说明了所有最好的登陆页面的一个关键因素:访问者很容易转换。每次额外的滚动或点击,都增加了失去转换的机会。

在你的登陆页面上考虑这个策略,你会惊讶地发现有多少人点击底部按钮!

3.Fitbit

顶部着陆页fitbit

通常,最好的登陆页面示例遵循只有一个CTA按钮或链接的基本规则。

但有些规则是可以打破的。

Fitbit的“最新动态”登陆页就是一个很好的例子。伞式CTA是为了了解更多的新内容,有机会点击了解每个访问者感兴趣的特定新项目。

它以他们的一些产品的大而美丽的英雄形象开始。在它下面,有一个可点击的菜单,显示页面的四个主要部分。

当你沿着页面向下浏览时,每个部分都使用了吸引眼球的视觉技巧,比如:

  • 部分之间的颜色和图像的大胆、明显的分离
  • 负空间,或焦点周围的空白空间,吸引游客的眼睛到照片的明星
  • 生活方式摄影,展示人们使用Fitbit产品的实际情况

每张图片都配有一个简短的标题和单句描述,这可以防止页面变得过于混乱或分散注意力。

尽管有几个cta, Fitbit还是通过一个简化的体验来引导游客,告诉他们所有的新事物。

4.Mixpanel年

Mixpanel登陆页面

Mixpanel年有一个有趣的和创造性的着陆页的例子,供用户下载他们的免费电子书。

铅一代技术可以帮助你收集感兴趣的人的电子邮件地址,你可以通过电子邮件营销活动和其他策略来培养他们销售漏斗

该页面使用负空间来吸引人们对英雄形象的注意。这本电子书是这场展览的主角。Mixpanel创建了一个实体图书图形,即使它是一本电子书——这种技术使产品更有形,更容易可视化。

电子书的封面是白色的,抽象的图像中有一些流行的颜色,吸引了人们的注意力,同时又保持了它的优雅。

下面是高乐氏(Clorox)和美国银行(US Bank)等过去客户的社会证明。

然后是你将在书中获得的信息的摘要。

页面上有三个CTA按钮:前两个固定在页面底部,这意味着当你点击它们时,屏幕会自动向下滚动到底部。在这里,你可以填写你的信息并获得访问这本书的权限。

本页面遵循一些最佳转化登陆页面的做法:

  • 简洁的设计,恰到好处的吸引眼球
  • 提供一些机会让访问者进入你希望他们执行的主要操作
  • 适当数量的信息,以说服访问者,这个报价是合法的,值得信赖的,并包含有价值的内容

5.绞车

Winc酒厂登陆页面

绞车酒厂有一个最好的电子商务登陆页面,当它涉及到简单。

这个页面以一个吸引人的优惠开始:第一次订单打五折。你甚至不需要做任何事情,它会自动应用。

在简化问题上得分很高用户体验

简单的三个字标题“打开盒子,打开瓶塞,享受”加上副标题“我们将葡萄酒的世界带到您的家门口”。当你从Winc购买产品时,这两者共同描绘了一幅轻松和简单的画面。

在英雄的背后,有三个简单的卖点,推动他们的主要价值主张他们会了解你的口味,专门为你准备酒盒。

Winc用《福布斯》强有力的背书来结束这一页:“证据就在瓶子里。”

页面上有两个相同的CTA按钮,它们都引导你进入销售过程的第一步:一个六题测试,让你感受一下你的味觉。

有趣的是,他们解释了每个问题的意思。例如,第一个问题问你如何喝咖啡,这表明你更喜欢红葡萄酒中苦味的单宁。

6.家庭厨师

送餐登陆页

送餐公司家庭厨师一开始就吸引了用户:页面顶部的一条横幅提供了前四份餐盒60美元的优惠。

这个页面使用大量的品牌来引导您进行销售。该公司的标志在英雄的正前方,同时自豪地宣布,他们在竞争对手的客户满意度中排名第一。

(不幸的是,这是一个空洞的说法,因为他们没有提供任何研究或信息来支持它。我建议你不要在自己的登陆页上做毫无根据的声明。)

但Home Chef在下一节中会以真诚的透明度跟进。标题是“为什么我们认为你应该尝试家庭厨师。”

它将灵活性、多样性和价值列为三大原则价值主张。对于任何想要外卖服务的人来说,这几乎是做出选择的三个决定性因素。

Home Chef用一段来自一对年轻夫妇的简短推荐视频来总结这个电子商务登陆页面的例子,并以同样的“Pick Your Meals”CTA作为主角。

7.疯狂的蛋

Crazyegg登陆页面

疯狂的蛋是我见过的转化率最高的登陆页之一。这是有道理的——这项服务旨在帮助客户提高网站的性能和转化率。

当你登陆主页时,英雄下面没有任何内容。你只有几个选择。一种是输入你的网站网址,这样它就会显示一个热图,它会显示你的访问者点击了你网页的哪个部分(因此是最感兴趣的)。

在主CTA下面是次CTA:“还没准备好开始?了解更多。”

点击此按钮将扩展登陆页面的其余部分,其中包含有关Crazy Egg做什么以及它如何使您受益的有用信息。

Crazy Egg没有谈论公司和吹嘘自己的能力,而是专注于“它对你有什么好处”(WIIFY)。这有助于访问者建立联系,并想象产品如何满足他们的需求和目标。

在英雄下面,有几个部分都有相同的CTA:“从分析你的网站开始。”这将引导您回到顶部部分以获得热图。

这个登陆页面有一个明确的目标,有几个机会来引导访问者进行转换。

它简洁、有效,在展示产品的同时又不会失去潜在客户的关注。

做笔记!

更多关于优秀登陆页面的建议

当你建立你出色的登陆页面时,请记住这些额外的建议:

  1. 确保它们对移动设备友好。这适用于你网站的每一个页面。截至2019年,53%的网络流量来自移动设备。不要把那些访客排除在你的计划之外。
  2. 如果你的登陆页面使用表单,尽量减少他们需要填写的字段数量。一个公司把它的形式从11块地减少到4块,看到了一个转化率提高120%
  3. 每个人都喜欢视频,所以如果可以的话,在你的登陆页面上使用视频。如果你能自己制作而不是使用别人的就更好了。一项研究表明,包含视频可以提高你的转化率高达86%

杀手登陆页抓住注意力并获得转换

正如你所看到的,没有唯一正确的方法来制作登陆页。最好的登陆页示例都遵循一个最佳实践的一般列表,但你有很多机会变得有创意。

这个游戏的名字是真正了解你的客户。当你知道对他们来说真正重要的是什么,以及如何用他们自己的语言与他们交流时,你就能不断地赢得他们的支持。

只要记住:所有优秀的登陆页面都有清晰直接的信息,以及流畅流畅的用户体验。

一旦你做到了这一点,你就已经成功了一半。

现在使用Shopify开始在线销售

开始免费试用

想了解更多?