20 个不容错过的着陆页示例

登陆页面是用户通过点击搜索结果、在线广告、网站链接、社交媒体或电子邮件活动登陆的网页。 为了帮助您设计最佳登录页面，这里有 20 个来自不同公司的登录页面示例，展示了良好实践。

着陆页是为特定的或单一的转换目标而构建的，并且考虑到了一个业务目标。 例如，如果您正在创建一个登陆页面来捕获您已发布的电子书的潜在客户，那么您的主要目标是促使访问者完成表单，并且下载电子书应该只是他们的一心一意的意图。 此外，删除任何导航选项将避免分散用户的注意力、增加转化率并最大限度地降低放弃率。

1.谷歌云平台

上面使用的谷歌云平台登陆页面类型是一个点击页面，要求人们免费试用他们的服务。

他们做得很好：

• 蓝色传达舒适和信任。
• 标题很短，切中要害，呼吁采取行动。
• “60 天免费试用”的提议很诱人。
• 子标题传达了一个明确的好处，并向访问者展示了如果他们使用该平台将获得什么。
• 项目与他们的勾号列出的方式鼓励观众尝试该工具。
• 绿色的 CTA 按钮在页面上突出显示，其中包含“免费”一词，这也向观众确认了标题中的主要内容。
• 利用 Angry Birds 游戏的受欢迎程度和成功，通过制作者的推荐来增强公司的可信度。
• 有一个选项是，如果用户还没有准备好尝试，他们可以联系销售人员或查看他们的常见问题。

2. 爱彼迎

Airbnb 的页面是作为登陆页面的主页，主要目的是让潜在客户成为房东。

以下是值得强调的几点：

• 标题包括一个明确而有希望的最终好处。
• 显示女人微笑的图像创造了接受和最终好处的视觉表现。
• 红色的 CTA 按钮在页面中突出，并吸引用户进行转换。
• 使用用户的地理位置个性化页面标题的条件格式。
• 使用基于用户输入的动态利润计算器的定制体验。

3. 购物

Shopify 的登录页面类型是一个潜在客户捕获页面，其主要目的是要求用户输入他们的电子邮件以从 14 天的试用期中受益。

以下是他们在此页面上应用的良好做法：

• 现代的紫色和白色让观众的眼睛很舒服。
• 只有一个字段供用户使用大 CTA 按钮输入，以获得更好、更舒适的用户体验，从而带来更高的转化率。
• 号召性用语只是几句话，传达了明显的好处。
• 副标题“受到全球超过 400,000 家企业的信任”中的社会证明突出了公司的信誉。
• 该图通过示例显示了最终产品及其在多个设备上的响应能力。
• 订阅后不存在任何风险的保证增强了用户转换的信心。
• 有用的图标、相关标题、简短和解释性段落清楚地强调了产品的好处。

在这个页面中，我们认为没有应该考虑的严重问题，除非徽标超链接到主页，因此它可能成为访问者的逃生路径。

4. 网络利润

Webprofits 登陆页面是一个商业信息页面，用于向目标受众宣传他们的产品以及他们可以为他们做些什么。

以下是他们采取的好策略：

• 该页面包括其网站的原色，首屏的弯曲底部吸引了访问者的注意力。
• 显示人们面带微笑地朝同一个方向看的图像给用户留下了良好的印象，即如果他们使用他们的服务将会有积极的结果在等待他们。
• 变暗的图像反映了目标受众，使其与他们的业务环境相关，同时反映了标题。
• 标题“采取全面的增长方法”提供了一个吸引目标受众的价值主张。
• 使用疑问句是激发兴趣并使用户参与对话以继续阅读的一种聪明方法。
• 笔记本电脑图像显示了正在运行的平台。
• 红色的 CTA 按钮从背景中的其他元素中脱颖而出。
• 第一个 CTA 按钮“告诉我更多”会引起好奇心并鼓励用户向下滚动以阅读内容。
• 第一个按钮中的第一人称代词“ME”通过从他们的角度说话来激发用户的意图并让他们参与进来。
• 第二个 CTA 按钮“LET'S TALK”要求用户通过聊天联系工作人员，以简化流程； 这个按钮很短，是由动作驱动的，并且标记了双向交流，因为“我们”包括“我”和“你”，这与第一个仅指用户的 CTA 不同。

在这个页面中唯一应该重新审视的是增加标题“采取全面的增长方法”的字体大小。

5.莫兹

Moz 的这个登陆页面是一个点击页面，其主要目标是重定向用户注册 30 天试用版。

以下是他们所做的伟大工作：

• 颜色和主题与他们的网站相同，这反映了他们在品牌方面的一致性。
• 标题左侧的图像显示了实际软件的可视化表示。
• 价值主张以巧妙的方式呈现； Moz 希望先赢得用户的信任，然后再要求他们付款。
• 黄色的 CTA 按钮及其副本在页面上非常醒目。 第一个代词“我的”向用户表明他们在决策中更具选择性。
• 支持证明要素“35000+ 客户使用 Moz”以及本页展示的知名品牌都强调可信度。
• 这些功能被简化并通过独特的图标在视觉上表示，使其与我们通常看到的不同。

6. 橡子

Acorns 登陆页面是点击页面的另一个示例，它要求用户开始使用他们的服务。

以下是他们做得好的地方：

• 标题传达了行动号召、最终利益和紧迫感。
• 副标题通过简短的句子说明观众将获得什么来展示价值主张。
• 绿色 CTA 按钮与页面上的其他颜色兼容，包括号召性用语和紧迫感。
• 该图像显示了产品的表示，并表明它是移动响应的。
• 图像中的示例显示了一个很高的数字，吸引了访问者的注意力和兴趣。

但是，有一个可以重新考虑的区域是在页面右上角放置导航选项。

7.向上工作

上面的 Upwork 页面类型是作为登录页面的主页，其主要目的是让他们的潜在客户找到合适的自由职业者。 以下是值得列出的要点：

• 标题、CTA、杯子、字帖和回形针的颜色与他们的标志相同，这表明他们在品牌方面的一致性。
• 登陆页面内容及其背景图像以和谐的方式呈现匹配的颜色。
• 第一张图片中的 CTA 按钮“发布您的工作”在页面上非常醒目。
• 该副本通过包含最终利益来针对特定的目标受众。
• 粘性标题中的 CTA 按钮“成为自由职业者”为可能错误地登陆此页面并避免他们离开的自由职业者提供了一条路径。

8.优步

UBER 的登陆页面是一个潜在客户捕获页面，它要求他们的用户成为司机。

以下是他们应用的有效做法：

• 标题向驾驶员传达了明显的好处。
• 白色背景的使用使其看起来舒适并体现出灵活性。
• 问题“需要汽车吗？” 帮助优步抓住有技能但错过工具的用户。
• “Ride with Uber”为乘客提供了与 UBER 一起骑行的分段选项。 这是一个很好的导航选项，以免失去潜在的骑手部分，以防他们错误地登陆此页面。
• 表格下方的隐私政策表明该公司关心其页面访问者的隐私。
• 表单下方的 CTA 按钮使用绿色背景颜色和白色字体，使其看起来与页面中的其他元素不同。
• 该图像清楚地向他们的目标受众（司机和骑手）提供了视觉呈现，展示了所提供服务的动态。

有趣的是，整个制作团队试图解决这张图片中的几个元素：

• 司机微笑表示潜在客户很乐意与优步合作。
• 系好安全带的司机表明，优步是一家守法的公司，鼓励安全驾驶和安全措施。
• 坐在汽车后角的乘客设置了服务的上下文。
• 乘客在后面模糊的方式是一种出色的制作技术，可以突出司机的角色，并将他作为这个着陆页的英雄。
• 司机年龄似乎大于45岁，种族有些中性。 这允许 UBER 表明任何人都可以成为司机。

9. 贝宝

上面Paypal的页面类型是主页作为登陆页面，主要要求用户下载和使用他们的应用程序。

以下是他们做得好的地方：

• 深蓝色的 CTA 按钮和下方以浅色显示的柱状功能表示相关且强大的品牌。
• 灰色代表现代感和高科技。
• 标题和副标题很简单，并提供了最终的好处。
• 该视频包含访问者可能需要了解的所有细节和技术细节，鼓励他们参与该页面并发现有关其服务的更多信息。 它还使页面简单而不必包含太多解释。
• 主要的 CTA 按钮“在此处获取 PayPal”在页面上非常醒目，并支持标题“在任何地方获取报酬”的主张。
• 该图显示了正在运行的应用程序。
• 读卡器向访问者展示如何使用移动设备刷信用卡。 这张图片证明了标题中的“任何地方”声明，并支持 PayPal 提供的这项特定服务的移动性。
• 这些功能被简化并通过独特的图标在视觉上表示，使其与我们通常看到的不同。
• 页脚中的灰色与页眉中使用的灰色相同，创建了一个相似的登录页面。

10.条纹

Stripe 的页面类型是作为登录页面的主页，其主要目的是要求访问者创建一个帐户。

以下是他们所做的良好实践：

• 该公司首先通知访问者他们推出的新功能。 这诱使他们参与他们的产品并使用不同的选项进行转换。 “新”这个词虽然很小，但突出显示。
• 标题以更大的字体突出显示，“新”表示公司定期跟上满足目标受众兴趣的不断变化的趋势。
• 副标题清楚地解释了公司的宗旨。
• CTA 按钮在页面上脱颖而出，并用于匹配颜色。

右侧的图片通过向商家展示以下内容来吸引访问者的注意力：

• 该公司与知名电子商务软件集成。
• 客户可以使用 Shopify 创建他们的在线商店，同时接受 Stripe 的信用卡。

只有一件事需要重新审视，即删除文本下方的第二个 CTA 按钮“联系销售”，因为它可能会吸引访问者离开页面。

11. 领英

LinkedIn 的登录页面是一个潜在客户捕获页面，它要求用户使用该频道的邮件服务与他们的目标受众互动。

以下是他们做得好的地方：

• “老练”和“第一”这两个词营造出一种排他性的感觉，玩弄目标受众的自尊心。
• 页面的颜色与 LinkedIn 的标志很相配。
• 图像清楚地显示了所提供的服务。
• 该解释显示了该页面的内容以及访问者在使用该服务时将获得的好处。
• 表格上方的号召性用语标题清楚地告知潜在客户他们应该填写表格的原因。
• 表格下方的 3 个选项可满足他们的目标受众需求并推动他们进行转化。

但是，很少有元素需要重新检查，例如缩短潜在客户捕获表格以吸引更多读者填写表格并将 CTA 按钮放置在表格下方以避免任何混淆。 此外，可以减少文本。

12. GEICO

GEICO 的登录页面是一个潜在客户捕获页面，它要求用户获得免费的保险报价，以换取仅提供邮政编码的回报。

以下是值得一提的几点：

• 标题和视觉效果占主导地位，并迅速抓住用户的注意力。
• 标题会引起好奇心。
• 潜在客户捕获表只需填写一个字段，从而提高转化率。
• CTA 按钮“开始报价”是专门为报价量身定制的。
• 页眉或页脚中没有导航选项。

在此页面中唯一应该重新考虑的是标题，因为它没有显示实际的好处。 此外，“Enter Zip”字段内的占位符文本应为浅灰色，以免与可点击按钮混淆。

13.杰夫布拉斯

这个由 Jeff Bullas 创建的登陆页面是一个点击登陆页面，要求访问者下载他的电子书。

以下是他在此页面上设法执行的良好实践：

• 电子书封面的漫画风格吸引了访问者的注意力。
• 标题提供了明显的好处，并以“免费”开头，并以单独的颜色突出显示，以鼓励用户获取电子书。
• 副标题显示他们可以在“4 小时”内了解需要很长时间“4 年”的内容，从而鼓励目标受众进行转化。
• CTA 按钮包括不同的元素：“单击此处”显示行动号召，“获取”强调好处，“现在”标记即时性。
• 没有任何导航元素。

然而，在此页面上可以重新访问的内容很少。 首先，推荐书由 Jeff Bullas 撰写； 最好展示由用户或影响者撰写的社交证明，以提高可信度并为页面增加更多价值。 或者，它可以直接写成澄清上面的副标题是关于什么的，而不用引号括起来。 其次，CTA 按钮可以放在首屏上方。

14. 寓言

Fabletics 登陆页面类型是一个点击页面，要求他们的在线购物者购买他们的服装。

以下是他们做得好的地方：

• 红色标题“执行的时尚”在页面上脱颖而出，吸引了访问者的注意力。
• 这些价格表明了透明度，并表明他们成为 VIP 会员后可以节省近 31 美元，从而诱使他们进行转换。
• CTA 按钮的红色与标题的颜色相同。
• 没有额外的导航元素有助于提高转化率。
• 已经创建帐户的用户可以选择从同一页面登录。 这样可以避免失去其他错误登陆此页面的目标受众。

几乎没有什么需要重新考虑的，例如统一字体样式以及在标题、副本和 CTA 按钮之间留出更多间距，以使访问者更容易阅读。 红色 CTA 按钮下方的链接比应有的更粗，这可能会分散访问者对主要目标“开始使用”的注意力。

15. 奥里比

Oribi 的登陆页面是一个点击页面，要求用户登录以访问 Facebook 没有的高级分析。

以下是他们在页面上实现的成功点：

• 标题清楚地解释了他们提供的内容，并包括关键字“Facebook Ads”，这对搜索引擎优化、文案以及他们的品牌推广都有好处。
• 该图显示了正在运行的服务，并通过建议最适合他们的适当时间来吸引用户的注意力。 它还以用户友好、智能和手写的方式显示。
• 简洁和间距使页面看起来舒适。

应该重新考虑的主要考虑因素是以更大的字体显示“免费”一词，以便于查看。 此外，去掉页面右上角的 CTA“关于我们”和“博客”可以避免用户导航。

16. 城市飞艇

Urban Airship 的页面是一个潜在客户捕获登陆页面。 此页面的主要目的是邀请他们的目标受众注册网络研讨会。

以下是他们做得好的地方：

• 标题提供了明显的好处。
• 以粗体突出显示的副标题通知访问者，他们可以注册以获取录音，以防他们没有时间立即参加。
• 内容清楚地阐述了注册的好处，并列出了用户将从该网络研讨会中获得的内容
• 表格顶部的 CTA“立即注册”敦促访问者注册。

有时，我们认为很少有可以重新考虑的元素，例如使标题更粗以吸引更多注意力，为每个演讲者添加头像，在按钮中使用更具吸引力的 CTA 请求，例如“立即注册”或“带我去网络研讨会”，“并更改其颜色以使其与众不同。

17. 走我

WalkMe 的登录页面是一个点击页面，要求访问者试用他们的服务。

以下是他们执行的成功实践：

• 知名品牌“Salesforce”的存在为页面增加了更多价值。
• Salesforce CRM 的使用适用于文案和 SEO。
• 使用“R”标志可以提高可信度，也可以保护他们免受品牌侵权。
• 以蓝色突出显示的标题吸引了访问者的注意力并传达了明显的好处。
• 副标题补充了先前在标题中陈述的内容，并涉及与 Salesforce 提供的服务相关的见解。
• CTA 按钮突出并吸引访问者进行转换。
• 显示软件的背景图像变暗，以便清楚地显示它前面的标题。

我们认为应该重新审视的唯一一件事是在徽标和文本以及文本和 CTA 按钮之间添加更多空间。

18. 大师班

MasterClass 为音乐、绘画、写作、烹饪或任何其他艺术等各个领域的所有技能水平的学生提供不同的在线课程。

这是我们分析的其中一个目标网页：

此页面的类型是作为包含不同元素的登录页面的主页。 该页面的主要目的是推动访问者观看知名厨师的视频。

以下几点值得一提：

• 该视频显示了一位著名厨师的缩略图，鼓励游客观看。
• 红色“ALL-ACCESS PASS”的 CTA 按钮在页面上非常醒目。
• 好处通过相关图标清楚地呈现。
• “180 美元/年”的定价标志着透明度。

另一方面，我们看到一些元素可以改进，例如更改页面右下角的 CTA 按钮副本以包含可操作的请求。 二是定价采用小字体； 让它变大将突出信心。

19. 暗示

Inkling 的登录页面是一个潜在客户捕获页面，要求访问者下载电子书。

以下是已应用的有效做法：

• 标题和内容共同创造了一个强大的价值主张。
• 向他们的销售团队请求联系的选项是获得高兴趣和高质量潜在客户的明智方式。
• 蓝色背景颜色显示家庭环境中的计算机，反映了“远程工作者”方面。 它也变暗以显示标题、正文和表格。
• CTA 按钮的橙色看起来与众不同，并显示出促使用户进行转换的即时性。
• 包括要点在内的整个部分都吸引读者了解他们将从这本电子书中学到什么。
• 右侧的图像提供了电子书主题的可视化表示。

但是，我们认为可以改进某些方面，例如缩短表单，因为它会吸引更多访问者订阅。 此外，删除社交媒体按钮或稍后在页面上添加它们可以防止用户在填写表格之前放弃它，尤其是在首屏部分。 此外，应标记最后两个下拉表单字段，以免混淆访问者。

20. 微软 Power BI

Microsoft Power BI 的登录页面是一个潜在客户捕获页面，它要求用户提供他们的联系信息，以通过数据分析和商业智能推进他们的职业生涯。

以下是他们实施的有效做法：

• 标题传达了明显的好处。
• 简介包括对页面内容的清晰解释。
• 要点中的好处以透明的方式列出，并引起访问者填写表格以发现全部好处的好奇心。
• 表格上方的 CTA 请求“立即下载”简洁明了。
• 橙色的 CTA 按钮推动了立即下载服务的紧迫性。
• 粗体字母吸引用户注意重要的句子。
• 左下角页脚中的链接没有突出显示，这对于不要将用户重定向到另一个页面至关重要。

但是，我们认为副本和表格有点长； 缩短它们会提高转化率。

登陆页面是营销活动中不可或缺的一部分。 它连接您的其他营销计划并与之集成，作为您客户旅程中的一个独特而单一的点。

了解如何创建目标网页是确保高转化率和成功营销活动的关键。 我们希望我们在本文中向您展示的示例对您有所帮助。 但是，当然，您应该以最适合您的目标和需求的方式创建和调整您的目标网页。 最终，您应该始终衡量您的目标网页分析，以了解什么最适合您的业务并对其进行优化以获得最佳结果。