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

文章撰写者:
  • 博客技巧
  • 更新:2月21,2017

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

过去几个月我们在WHSR上讨论了很多这些项目,例如:

目标网页所需的其他一些元素不仅会抓住您网站访问者的兴趣,还会引导他们到达您希望他们去的地方并将其保留在那里:

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

了解如何构建美丽的目标网页以获得转化的最佳方法之一是 研究其他企业的登陆页面。 通过观察他们做得对的事情,你可以重复他们的努力并且可能他们的成功。

Wishpond

wishpond登陆页面

[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这样的网站推荐这种方法来吸引读者的注意力。 例如,请注意浅蓝色背景下的浅蓝色框如何立即引人注目? 目标是让网站访问者注册简报。 一旦你完成了这个,你的眼睛会被三种可能性所吸引:

  • 提高转换率
  • 降低成本
  • 省时间

Apple

苹果

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

Apple对其目标网页的关注通常集中在其最新产品版本上。 在上面的示例屏幕截图中,它显然是Apple Watch。 较小的图像迎合了那些正在寻找其他信息的人,但有关新MacBook模型的信息。 产品的精美图像可以鼓励网站访问者点击该照片并了解有关该产品的更多信息。 请注意,导航很简单。 单击图片并转到该产品页面或单击顶部的链接。 没有明亮的CTA按钮吸引最新产品的注意力。

Unbounce

unbounce

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

只有Unbounce有一个惊人的登陆页面才有意义,因为他们正在构建登陆页面。 当你第一次到达现场时,焦点在蓝色带上,白色和生动的橙色CTA要求你“立即建立一个高转换着陆页”。 然而,Unbounce做了一些其他方法,可以说服读者你是合法的,也就是使用推荐书,包括提供反馈意见的照片。 这为推荐书添加了有效性元素。 网站访问者可以看到报价来自真实的人。

iCracked

icracked

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

iCracked是一家替代破损的iPhone屏幕以及修复其他Apple设备的公司。 这里的登陆页面很简单。 他们试图做两件事之一:

  • 向您提供维修设备的服务
  • 购买你不再需要的设备

此着陆页还使用大型照片来设置色调,但它采用柔和的中性色调,吸引了两种封装选项。 CTA是鲜艳蓝色和绿色的生动按钮。

U型牵引

uhaul登陆

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

U-Haul在他们的登陆页面上做了几件不同的事情,这些事情特别有效,你可以在自己的网站上模仿。 首先,他们使用胶囊来分隔访客可能正在寻找的不同东西,例如存储或移动耗材。 他们还使用销售贴纸来表明他们的最佳优惠,并吸引网站访问者点击链接。 这些照片是专业品质的,用于吸引文字,例如带有面向不同移动供应链接的盒子的女人。 最后,该页面考虑了用户角色。 一旦您打入所需的日期和位置,U-Haul可以帮助您预订移动的卡车或拖车租赁。 导航很容易让任何年龄的成年人轻松使用它。

大巴克

大巴克

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

当我第一次开始写这个着陆页的案例研究时,使用了很好的技术来创建转换,我知道我想要包含一个突出信任因素的登陆页面。 但是,我很难找到一个以对网站访问者来说显而易见的方式利用评论的方式。 我终于找到了对这个网站的引用 WordStream的,但他们对设计的评论并非100%正面。 我同意他们的观点,这里有一些可以改进的东西,包括一种更明显的方式来订购床并让狗面对文本而不是远离文本。

但是,此目标网页的功能是添加一些与读者相关的信任因素。 首先,亚马逊的平均评论是5明星,他们在他们的狗床形象下突出显示。 他们还添加了“Google信任商店”横幅,让您知道他们在客户满意度方面努力工作。 他们用“保证”这个词加粗,并在顶部明确表示有10年保修,这是一种优质的床,是美国制造的产品。 这些都是网站访问者将响应的信任指标。 通过一些调整,该网站可以看到转换量大幅增加。

Sharelock

sharelock

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

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

继续测试和学习

这些目标网页示例可让您了解可以在自己的目标网页上添加的一些元素,以吸引访问者参与某个操作,购买产品甚至更信任您。 但是,适用于某个网站的内容可能不适合您的访问者群体。 当您添加新元素并尝试新设计时, 继续做A / B测试 看看什么最适合你。

关于Lori Soard

Lori Soard自1996以来一直担任自由撰稿人和编辑。 她拥有英语教育学士学位和新闻学博士学位。 她的文章出现在报纸,杂志和网上,她已经出版了几本书。 自1997以来,她一直是作家和小企业的网页设计师和推动者。 她甚至在短时间内为一个热门的搜索引擎排名网站,并为许多客户研究深入的SEO策略。 她喜欢听读者的意见。