随着WordStream的新登陆页面评分工具的发布，我们无法将登陆页面从我们的脑海中摆脱出来!在奇妙的网络上，登陆页面随处可见——有好有坏。今天我们将展示一些真实的登陆页面示例，所以准备好迎接一些令人惊叹的辉煌和悲惨的怪物吧。在我们开始之前，重要的是要记住，登陆页不仅仅是关于页面本身。过程也很重要——访问者点击什么会被带到你的登陆页面?如果是广告，广告说了什么?如果是时事通讯，他们会点击哪些链接?“登陆”过程和通过漏斗的移动与物理页面设计同样重要。
本着竞争分析的精神，我花了一些时间在谷歌上搜索，比较我看到的那些谷歌搜索的最佳和最差的登陆页面。在这篇文章中，我们将从每个谷歌搜索中评估和评分一些登录页面的例子，并看看一些打破常规的创新登录页面设计。
在这里查看我们最新的登录页面示例!让我们来看看当我们搜索“Photography Lighting Kit”时找到的登陆页面。第一个登录页面示例来自Kaezi。
这个Kaezi登陆页面看起来很棒——它向我展示了一堆我可能会感兴趣的工作室灯光套件，我可以点击单个套件了解更多细节。还有一些适当的相关类别在左边导航栏，我也可能感兴趣。总体来说，设计是干净的，我可以看到折叠上方的“添加到购物车”按钮。
等级:B+
接下来是牛仔工作室的摄影照明套件登陆页面。第一个大问题是意图——我点击了一个摄影照明套件的广告，这就是我得到的。这不是什么套件，只是一个频闪灯。作为一名消费者，我很有可能从这个登陆页面灾难中恢复过来，找到一个更能满足我需求的页面。这个页面的意图是错误的，它的设计是一团糟。社交分享按钮和放大照片/发送邮件给朋友的按钮占用了太多的空间。我真正想要的信息(关于产品的细节)就在下面的地方丢失了。这一信息应该放在项目符号中，并位于主要产品图像的右侧。真正令人沮丧的是，这个网站确实有我要找的东西——他们只是让我很难找到。在场地周围转了一圈，我找到了一些实际的摄影照明套件，与Kaezi展示的类似。
[相关:想要提高你的转化率?等级:C-
这是一个相当糟糕的登陆页面，但实际上它还会变得更糟。隐藏你的孩子，隐藏你的妻子，事情将变得非常丑陋的“摄影照明套件”登陆页面的例子来自Fovitec。
一到这个登陆页面，作为一个访问者，我就完全迷失了方向。我到底在哪里?我点击了一个摄影照明设备的广告，为什么我看不到任何与摄影有关的东西呢?我没有不小心点击一个随机弹出的广告的唯一提示是Fovitec的标志，它的光圈图标是“O”(尽管“Fovitec”这个词应该让人联想到相机，但我没有想到)。
即使我逗留了足够长的时间(绝大多数人不会)去探索，顶部附近的导航链接似乎都不能帮助我找到照明套件。记住:不要让你的访问者搜索你想让他们购买的东西!让他们尽可能容易地转换。登陆页面工具会很有帮助，在这里!
等级:F
登陆页面示例搜索#2:” Dog Beds ” “kdsp .
Orvis做了一个相当不错的狗床登陆页面——他们的登陆页面上有大量的狗床选择，还有一张醒目的照片，上面是一只快乐的小狗在打盹。产品的大照片也很吸引人，你可以根据颜色、功能、形状、面料、价格等筛选产品。因为“狗床”是一个相当广泛的查询，这很好地满足了目的，允许访问者浏览并找到他们真正需要的东西。(相比之下，如果我在谷歌上搜索“大型记忆泡沫狗床”这样的长尾查询，我希望登陆页面会更具体。评级:A-
下一个是Big Barker Beds，一家为大型犬种销售整形犬床的公司。
这个页面是一个挣扎，因为它做了很多正确的事情，但它做错的事情是相当有害的。这个登陆页面最大的问题是它的大小。它向下滚动，得到这个….38页。是的，38页，因为文字太大了。里面有一些非常棒的内容，但它被淹没在信息量中。登陆页面上有很多很棒的Amazon评论，虽然我喜欢他们用红色下划线来突出重点的方式，但评论太多了(40+)。公平地说，这个关于XL狗床的登陆页面做了所有的事情——文本，评论，一切。你不能说页面不一致。他们有3篇评论说床很容易清洁，7篇评论说床对患关节炎的狗有好处，5篇评论说床有多吸引人，等等。有这么多的顾客喜欢这个产品，这绝对是太棒了，展示这些好评真的很聪明，但不是XL印花淹没了游客，我建议有一个闪亮的评论，关于床是多么容易清洁，一个关于它们如何对关节炎的狗好，等等。游客们已经看到这些床在亚马逊上获得了五星评价(这是一个巧妙的信任信号，可以在此基础上进行推广)。如果潜在买家想要阅读更多来自客户的评论，他们会去亚马逊的页面。把每一个好的评论放在你的页面上只会让访问者不知所措。虽然顶部的信任信号很好，但标题下方的第一个文本块可能更适合扫描。
当你向下滚动时发现的这个项目符号文本应该真正在折叠上面，它可以更有用，为访问者提供关于狗床的更好的快照。
这个页面上有一些关于为什么这种床推荐给年老的、患有关节炎的狗狗的很棒的信息(这些信息对我来说特别有趣，因为我有一只年老的狗狗)，但是很多很棒的内容因为页面的庞大而被埋没了。一些简单的内容重排和文本大小调整可以大大帮助这个登陆页面。(注意:我不知道这家公司的转化率，所以可能所有折叠下方的文本实际上都对页面有帮助。在A/B测试中出现过更奇怪的结果。)
等级:B
下一个是Pottery Barn。Pottery Barn的“狗床”登陆页面出现了一个明显的失败——点击他们的狗床广告会把我带到décor配件的登陆页面。我看到了枕头，毯子和枕套，但没有和狗有关的。真正愚蠢的是，在用网站搜索工具搜索狗床之后，我发现Pottery Barn确实提供狗床。那么为什么我的登陆页面不是这样的呢?
毫无疑问，Pottery Barn有巨额的广告预算，那么为什么在登陆页面方面会如此粗心呢?这真是陶器坊错失的良机。Pottery Barn这个品牌很有名，有很多追随者——我相信很多消费者会选择PB狗床而不是其他狗床，但是将PPC点击引向错误的登陆页面就会放弃潜在的购买。
等级:F
登陆页面示例搜索#3:” Silk Flowers ” “kd .让我们看看当我们在谷歌中搜索“silk flowers”时，我们得到了哪些登录页面示例。这个登陆页面以一张大传单开始，上面写着我可以用丝花制作的所有很酷的工艺品。我想那很酷。真的，我已经有主意了，只是想看看那些花。它们就在下面，像大杂烩一样被扔在一起。有趣的是，当我点击关于我可以用丝花做DIY工艺品的传单时，我被带到这个页面。嘿，这是你们最受欢迎的丝绸花!这是一个比我最初被带到的更好的登陆页面。在这里，我们可以看到各种各样的丝绸花，按名字和鲜艳的彩色照片分类。这是一个很好的登陆页面——对于我最初搜索“丝绸之花”来说，它是完美的。然而，为了来到这里，我不得不点击一个谈论DIY丝绸花工艺品的链接。我没看到任何工艺信息。听起来这个网站真的需要专注于意图，并考虑他们真正想要将访问者引导到哪里。
等级:C+
我们的下一个丝绸花着陆页面的例子来自eFavorMart。
这是另一个没有吸引力的登陆页面，让人想起21世纪初。这个登陆页面在标题方面做得并不多，枯燥、冗长(和小字印刷)的内容充斥着非常明显的关键词填充。这个页面给人一种垃圾邮件的感觉，破坏了品牌可能赢得的任何潜在信任(事实上，任何以小写“e”或“i”开头的网站都已经引起了怀疑)。
登陆页面示例搜索#4:“电子邮件营销软件”
让我们来看看我们在谷歌搜索“电子邮件营销软件”时遇到的登陆页面。
Hubspot排在前面，这并不令人惊讶。他们的登陆页面缺乏任何强大的图像来吸引访问者的注意力，而是选择专注于令人印象深刻的奖项和荣誉。许多其他的登陆页面都很难引入并压缩它们的副本，但这个Hubspot登陆页面直接切入了重点。下面还有一些更有说服力的副本，带有社交信任信号和客户推荐信息:
这是一个可靠的登录页面示例，但仍然需要一些润色。我建议稍微改变一下按钮的颜色。目前的按钮是与背景相同的颜色和微妙的橙色轮廓-不是不可抗拒的点击。高对比度几乎总是更好。第一页也有一些不足。它没有任何活力或兴奋感，可能会从更多的颜色或流行音乐中受益。
等级:B+
接下来是Zoho Campaigns。Zoho还有一个强大的登陆页面设计，可以从一些调整中受益。我的大多数批评都是很小的，甚至可能看起来微不足道，但真正好的登陆页面确实需要几乎科学的准确性和完美主义。Zoho的标题应该适合两行而不是三行。主图像令人困惑——这是对产品本身的一瞥，还是我们应该被Zoho提供的多彩的设计模板所吸引，而不是被其他公司提供的暗淡和沉闷的模板所吸引?现在还不清楚——一个不同的图片选择真的可以改善这个登陆页面。虽然我喜欢解释Zoho活动核心组件的小图标，但颜色有点太浅了。灰色文本比黑色文本更可取，通常用于划定焦点(深色文本=更重要)。这些图标应该得到更多关注，因为它们说明了Zoho的主要好处。还有一点留白太多了。如果让我在太拥挤和太间隔的着陆页之间做出选择，我绝对会选择间隔页。然而，在保持流畅、吸引人的设计的同时，还可以添加第二个奖状或额外的图标功能。
而cus最好有一封推荐信，最好是选择一个更知名的品牌或客户的推荐信(并在推荐信中添加他们的标识)。当然，Forum Group Events Ltd.的Cathy可能是他们的头号客户，在这种情况下，没问题(无意冒犯Cathy，不是针对个人)。
等级:B
接下来我们来看看SAP。好家伙，这是一个可怕的猪头登陆页面。它看起来更像是一个资源页面，而不是一个产品登陆页面(而且是一个难看的资源部分)。我点击了一个出现的“电子邮件营销软件”的广告，但“电子邮件”这个词却找不到。这很遗憾，因为我并不怀疑其中一些内容是有价值的;SAP正在尝试创造原创的、有用的内容与访问者分享，这很好，但现在不是时候，也不是地点。这里迫切需要一些严肃的访问者意图头脑风暴。
我们最后一个登录页面的例子来自Infusionsoft营销软件。
这个登陆页面是优质的东西。标题和文本的选择和位置都很好，文本颜色的变化表明了拷贝的重要性。右边的彩色图标将访问者的注意力吸引到产品提供的主要好处上。右上角的信任指示符是谨慎的，但很明显。按钮的颜色和文字都很合适，我喜欢这种位于中心位置的形式吸引访客的方式。有几件事我需要改变:我可能会考虑将存在于折叠下方的奖状向上移动，并替换掉左下方的文本块，但这并不是世界末日。
我有点恼火，因为第一个名字表单字段没有与下面的字段对齐，按钮没有完美地位于表单字段之间，但这些都是很容易解决的问题。我认为免费试用比演示更有激励作用，但也许Infusionsoft的演示非常成功——每个公司都有自己的测试研究文件夹，可以影响他们登陆页面的某些元素。记住，你最了解你的公司，很可能不是所有的一般登陆页面最佳实践都适用于你。
我相信这可能是我们看过的所有登录页面示例中我最喜欢的。
评分:A+
你同意我的评分吗?你会给几分?让我们继续看看一些公司正在探索的一些创新的登录页面设计。在之前一篇关于登陆页面设计的博客文章中，我们讨论了获得最佳登陆页面的最佳实践建议。然而，很多网站为了试验而牺牲登陆页面标准。一个日益增长的登陆页面趋势是取消几乎所有的文本，而完全依靠大的、高质量的图片来传达页面的思想或产品。
方形空间用一个巨大的图片占据了整个登陆页面。这是一个有点冒险的举动，因为我们并不完全清楚Square Space计划如何让我的网站变得更好。他们在帮助设计吗?网站管理?Square Space最近得到了足够的关注，他们可能相信游客已经知道他们在做什么。虽然有些人可能会说这是一个危险的假设，但这个设计确实很吸引人。
Falcon Social是一款社交媒体管理软件，它的登陆页面看起来与Square Space非常相似，甚至连颜色都很相似。Falcon Social省略了模糊的哲学口号，直接切入主题——企业的社交媒体管理。
Manpacks也尝试了这种以形象为导向的策略。登陆页面以一个大的图像为中心，同时仍然保持一些标准的登陆页面实践，包括证明和信任信号。
Social Safe也使用了图像聚焦的方法，但添加了一个视频元素。(更多视频登陆页面请点击这里。)我们还不完全清楚Social Safe的价值主张是什么——为什么我要把我所有的社交网络都“保存”到我的电脑上?这到底是什么意思?这里需要更多的解释，这就是为什么解释视频是特别必要的。问题是，访问者是会为了更好的理解而坚持观看视频，还是只是去其他地方寻找一个登陆页面，在一个快速、扫描友好的设计中为他们阐明好处?我们希望这次登陆页面示例和设计的冒险能帮助您更好地理解什么是一个好的登陆页面，并为您提供如何构建登陆页面并逐步改进它的想法。如果你想知道你的登陆页面是如何堆叠的，一定要尝试我们的免费登陆页面优化工具。你注意到你喜欢或不喜欢的新登陆页面趋势了吗?你觉得我们的登陆页面例子怎么样?你有登陆页面的英雄或恐怖故事吗?请在评论中告诉我们!
梅根·马尔斯是一位资深的内容营销人员，她热爱写作、水彩画、牛津逗号和各种形状和大小的狗。当她不写博客或策划杀手级的社交媒体活动时，你会发现她躺在吊床上，手里拿着一本史诗奇幻小说。
参见Megan Marrs的其他帖子
更多像这样的文章登陆页面完整指南-有例子!
这是一个集撰写登陆页面为一体的指南，可以帮助你赢得客户和客户。
11个最好的登陆页面例子，激发你的创造力(和转换)
警告:易燃的内容!这些例子中的设计、布局和文案是fire
11登陆页趋势和2022年的想法(你可以实际实现的)从可定制的体验到珊瑚色，今年有很多创造性的方式来提高转化率。
评论
评论前请阅读我们的评论政策。
