9 个最佳登录页面以及您可以从中学到什么

9 个最佳登录页面以及您可以从中学到什么


没有单一的设计可以使着陆页完美,但有一些关键要素可以提供帮助。

在过去的几个月里,我们在 WHSR 上讨论了其中的许多项目,例如:

登陆页面所需的其他一些元素不仅可以吸引您的网站访问者的兴趣,而且可以引导他们去您希望他们去的地方并将他们留在那里:

  • 优秀的头条新闻
  • 副标题
  • 强大但浓缩的着陆页内容
  • 感言
  • 简单的导航
  • 视觉上令人愉悦地使用增加价值的图像

学习如何构建一个能带来转化的漂亮着陆页的最佳方法之一是研究其他企业的着陆页。 通过查看他们的正确做法,您可以重复他们的努力并可能取得成功。

许愿池

许愿池登陆页面

[icon link] 网站网址:http://blog.wishpond.com/

访问该站点时发生的第一件事是一个橙色框向您致意,要求您注册博客并随时了解最新信息。 导航很简单,特色博客文章位于页面顶部,以进一步吸引访问者参加比赛。 这个登陆页面似乎特别好用的是它没有杂乱无章。 您可以轻松找到要导航到的区域,重点是网站上的内容和订阅。 很明显,Wishpond 想要将访问者转化为订阅者,并且有着独特的关注点。

熊 CSS

熊 css
[icon link] 网站网址:http://bearcss.com/

Bear CSS 是一个允许人们将基本 HTML 文件转换为 CSS 模板的网站。 他们的登录页面清楚地说明了重点是什么:上传您的 HTML 文档并立即进行转换。 Bear CSS 对页面上的项目进行了限制,因此您只关注“上传 HTML”按钮。 甚至熊也指向 CTA 按钮以鼓励您上传文件。 使用朝向或指向您的 CTA 的图像非常有效地让人们也关注该项目。 此页面使用卡通人物,但您也可以使用真实人物的图像。

PPC分析仪

ppc分析器登陆

[icon link] 网站网址:http://www.ppcanalyzer.com/

PPC Analzyer 使用封装信息的概念。 Unbounce 之类的网站推荐使用这种方法来吸引读者的眼球。 例如,注意深蓝色背景下的浅蓝色框如何立即吸引您的眼球? 目标是让网站访问者注册时事通讯。 一旦你这样做了,你的眼睛就会被三种可能性所吸引:

  • 增加转化
  • 降低成本
  • 省时间

苹果

苹果

[icon link] 网站网址:http://apple.com

苹果对其登陆页面的关注通常集中在他们最新的产品发布上。 在上面的示例截图中,显然是 Apple Watch。 下面的较小图像迎合了那些正在寻找其他信息的人,但这些信息是关于新 MacBook 型号的。 您产品的精美图片可以鼓励网站访问者点击该照片并了解有关该产品的更多信息。 请注意,导航保持简单。 单击图片并转到该产品页面或单击顶部的链接。 没有明亮的 CTA 按钮来吸引最新产品的注意力。

退弹

退弹

[icon link] 网站网址:http://unbounce.com

Unbounce 有一个惊人的着陆页才有意义,因为他们从事的是构建着陆页的业务。 当您第一次到达该站点时,重点是与白色相衬的蓝色条带和一个生动的橙色 CTA,要求您“立即构建高转化率的着陆页”。 然而,Unbounce 还做了一些其他的事情,可以很好地说服读者你是合法的,那就是使用推荐,包括那些提供反馈的人的照片。 这增加了推荐信的有效性元素。 网站访问者可以看到报价来自真人。

iCracked

破解的

[icon link] 网站网址:http://icracked.com

iCracked 是一家更换损坏的 iPhone 屏幕以及维修其他 Apple 设备的公司。 这里的登陆页面很简单。 他们正在尝试做以下两件事之一:

  • 向您出售设备维修服务
  • 购买您不再需要的设备

此登录页面还使用一张大照片来设置基调,但它采用柔和的中性色,将注意力吸引到两个封装选项上。 CTA 是亮蓝色和绿色的生动按钮。

U-Haul

大修着陆

[icon link] 网站网址:http://uhaul.com

U-Haul 在他们的登陆页面上做了几件不同的事情,效果特别好,你可以在你自己的网站上效仿。 首先,他们使用胶囊将访客可能正在寻找的不同物品分开,例如存储或移动用品。 他们还使用销售贴纸来表明他们的最佳报价并吸引网站访问者点击链接。 这些照片是专业品质的,用来吸引眼球的文字,比如带着盒子的女人面对着不同的移动供应链。 最后,页面考虑了用户角色。 输入所需的日期和地点后,U-Haul 可以帮助您预订移动卡车或拖车租赁。 导航很容易,任何年龄的成年人都可以轻松使用它。

大巴克

大巴克

[icon link] 网站网址:http://bigbarker.com

当我第一次开始编写这个着陆页案例研究时,我知道我想包含一个突出信任因素的着陆页。 但是,我很难找到一个以对网站访问者显而易见的方式利用评论的人。 我终于在 WordStream 上找到了对这个网站的引用,但他们对设计的评论并不是 100% 肯定的。 我同意他们的观点,这里有一些可以改进的地方,包括更明显的方式来订购床和让狗面对文本而不是远离文本。

然而,这个登陆页面的正确之处在于它增加了一些与读者相关的信任因素。 首先,亚马逊的平均评论是 5 星,他们在狗床的形象下突出了这一点。 他们还添加了“Google Trusted Store”横幅,让您知道他们一直在努力让客户满意。 他们将“保证”一词加粗,并在顶部明确表示有 10 年保修,这是一张优质制造的床,是美国制造的产品。 这些都是网站访问者会响应的信任指标。 通过一些调整,该网站的转化率可能会大幅增加。

共享锁

共享锁

[icon link] 网站网址:https://sharelock.io/

Sharelock 的登录页面让读者明白了一些事情,而无需使用一千个单词来完成该任务。 首先,Sharelock 适用于移动设备,这是许多类似产品无法做到的。 重点是加载到手机屏幕上的软件照片。 然后眼睛向右移动,两句话解释了 Sharelock 的作用。 它加密私人信息。 最后,您可以从两个胶囊中选择并了解更多信息或创建自己的 Sharelock 以开始使用。 右上角还有一个小的下载链接,以及在 Twitter 上分享页面的方法。 其他链接很小,呈灰色,位于左下角,以备不​​时之需。 该页面非常简单,您甚至无需向下滚动即可查看登录页面上的所有内容。

继续测试和学习

这些登陆页面示例将让您了解可以在自己的登陆页面中包含的一些元素,以吸引访问者采取行动、购买产品甚至更加信任您。 但是,适用于一个站点的方法可能不适用于您的访问者人群。 当您添加新元素并尝试新设计时,请继续进行 A/B 测试,看看什么最适合您。

Leave a Comment