如何创建以客户为中心的登陆页面

确定特定产品是否有市场需要大量时间和精力。 通过多年接触特定行业的细微差别，经验丰富的企业家会敏锐地发现“市场差距”，无论是全新的服务还是改进现有产品的方法。

视觉通常先于大量的跑腿工作。 在获得融资——或将自己的积蓄投入开发新产品之前——聪明的企业会认真地努力建立产品与市场的契合度。 他们建立了一个与潜在客户产生共鸣的价值主张。 他们了解他们的竞争对手如何设法建立客户群。 他们甚至可能会构建原型并进行焦点小组讨论，以获取有关产品可行性的一些真实数据。

从本质上讲，公司了解在进入市场之前了解他们的新产品是否有很大的成功机会的重要性。 客户需求和产品供应之间的关系太明显了，不容忽视。

这就引出了一个问题：

“为什么在经营一家成功的企业的许多其他方面都忽视了客户需求？”

当然，组织的一些活动部分与产品本身没有直接关系。 就此而言，也不是客户。 有人可能会争辩说，公司的网站不存在直接为客户服务。 它在那里提供和获取有助于提高知名度和收入的信息。

为什么我们在设计网站或登陆页面时要考虑客户的需求？ 在这种情况下，客户甚至有需求吗？

你敢打赌他们会！

随着网页设计世界的成熟，在设计推动销售的内容时，重点已经开始转移到了解这些需求是什么。

自我放纵的产品故事已经一去不复返了。 无关紧要的、有问题的主张已经一去不复返了。 加载时间超过三秒的界面已经一去不复返了。 以客户为中心的登陆页面时代已经来临。 而且，如果您的工作涉及关注转化率、参与度和跳出率等指标，那么您可能想直接坐下来等待这篇文章。

保持与广告文案和登陆页面内容的一致性

着陆页服务的需求与我们的产品服务的需求不同。

在考虑创建任何以客户为中心的营销材料时，我们需要在我们的服务将提供的痛点范围之外考虑他们的需求。

我们在这里谈论的是元需求。 那些使他们与我们的着陆页互动的人引人入胜且方便，以至于使他们处于更容易接受被出售的心理和情感状态。

我们如何做到这一点？ 我们如何巧妙地说明对着陆页访问者需求的考虑？

一个很好的开始方法是在广告的核心信息和登录页面内容之间建立一致性。 如果您的广告人员工作正常，则链接到特定关键字搜索的广告将吸引潜在客户与他们的搜索相关的内容。

如果这导致点击，您的潜在客户已经为您提供了一些非常重要的信息：您的广告文案说明了他们的痛点。 他们相信您的广告文案所做的承诺。 他们愿意和你一起开始一段旅程。

这个概念被称为“广告气味”，如果你没有在你的登陆页面上利用这些信息，你就是在自找麻烦。

MarketingSherpa 报告称，不到 50% 的数字营销人员了解广告文案和登陆页面之间的联系的重要性，并为每个广告活动创建一个独特的登陆页面。

当然，开销听起来让人头疼，但这不是火箭科学。 如果您在广告文案中承诺某些内容，请在您的目标网页上扩展该承诺。 而不是简单地使用不同的术语重复广告文案。 您已经传达了一个核心信息，说明了访问者的需求。 他们明白了。 你卖他们想要的东西。

现在是时候向他们提供信息和提示，将他们的需求与您希望他们采取的行动联系起来。

一个很好的例子是在线零售商 BangGood。 在谷歌搜索“便宜的复古老花镜”后，您会看到一个赞助广告：“购买便宜的复古老花镜”和“100 美元的新用户所有类别优惠券，每天都有优惠券交易和无与伦比的优惠。”

单击此页面可直接进入按我们的搜索词过滤的产品目录。 无需单击多个类别和子类别即可找到所需的样式。 此外，高度可见的“折扣”标签清楚地显示了如果您立即购买，您将在每种产品上节省多少。

这给我们带来了另一个有趣的概念，背后是创建优化转换的引人入胜的登录页面：紧迫性。

利用紧迫性

与购物者在繁忙的街道上漫步寻找交易不同，在线购物者可以选择在几秒钟内查看其他零售商的打折商品。

没有什么比一个高度可见的倒数计时器更能吸引半积极客户的注意力了，它显示了访问者有多少时间可以利用特定的“热交易”。 这个概念背后有真正的心理学。

Zoma 在他们的销售页面上做得非常好。 一个清晰可见但至关重要的非侵入性视觉元素使访问者意识到他们有（喘气！）很短的时间来利用巨大的折扣。

当然，购物者可能会选择再点击一个小时以找到更好的交易，但这个优惠不可能不留在他们的脑海中。

这是最好的以客户为中心的设计。 什么会促使任何客户做出决策？ 感觉他们是少数几个有幸利用一笔好交易的人之一。

提供社会证明

Zoma 在这个登陆页面上做的另一件好事是给访问者一些他们并不总是知道自己想要的东西：证明其他购物者对给定的产品非常满意。

到目前为止，社会认同的重要性已经根深蒂固于每个称职的营销人员的思维过程中，但许多人没有意识到它在登录页面上的可见性和可信度的重要性。

在 Zoma 的示例中，如果您访问他们的运动床垫页面，可以清楚地看到 4.7 星级以及非常有吸引力的样本量。 看到近 300 条评论肯定会让潜在客户放心。

Zoma 通过使评论元素可点击更进一步——关键的是，这一操作不会将用户带离登录页面，而是将用户带到页面上的锚点。

他们在这个空间中展示了什么？ 简单的副本，询问并回答他们遇到的确切问题：

“看看为什么活跃的人喜欢 Zoma。”

正下方是一个布局精美、整洁的满意客户的可信评论列表，所有这些都显示在一个浮动的 CTA 上方，提示访问者将产品添加到他们的购物车。

一键解决了多少客户需求？ 让我们来看看：

• 需要让他们的同行验证他们的考虑；
• 保证评论是合法的；
• 无需滚动回“购买”区域即可立即采取行动的便利。

这些需求都不是直接与产品本身有关，而是利用客户在线购物体验固有的需求。

解决痛点

登陆页面中以客户为中心的设计的另一个方面涉及为访问者提供他们需要的产品信息，而不是公司认为相关的信息。

这个概念说明了客户希望立即了解产品将给他们的生活带来的价值，而不是描述公司历史、企业价值观和员工诚信的错综复杂的文字墙。

跟随着陆页链接的客户想知道其中有什么对他们有用。 他们想在阅读副本的几秒钟内知道这一点。

营销人员需要预测客户想要解决的痛点。 如果他们正确地完成了客户分析并且对他们的价值主张有很好的理解，那么这些信息应该总是很容易获得。

但更重要的是，传达这种价值——清楚地说明产品将如何满足客户的需求——需要以一种引人入胜且易于理解的方式来完成。

吸引潜在客户

在这种情况下，“参与”是什么意思？ 虽然这个问题没有任何按数字绘制的答案，但有一些一般准则。

尽量减少视觉混乱。 仅显示与人们可能对产品感兴趣的原因直接相关的图像和文本。 乍一看，他们是否关心您在行业专家的帮助下开发服务所花费的时间？ 他们关心贵公司的战略路线图吗？

没有。 他们关心一件事：

“他们在你的产品上花钱能解决他们遇到的问题吗？”

在 Elemental Labs 的登录页面上可以看到这种超级简化但极具吸引力的传达真实客户价值的方法的一个很好的例子。

除了导航和其他外围内容元素之外，访问者可以看到超过 20 个单词。 在这两句话中，向访问者传达了什么？ 他们解决了多少痛点？ 他们有多少理由被 CTA 吸引？

产品是什么以及它对潜在客户代表的价值会在用户登陆此页面后的几秒钟内说明。 以客户为中心是此页面设计各个方面的最前沿。

使用与促进最大参与度的图形设计原则相一致的简单、高质量的产品视觉效果是利用以客户为中心的另一种方式。

这也是 LMNT 做得非常好的事情，它展示了简单、有品位的视觉效果，展示了产品的包装和使用情况。

这讲述了一个极其简单的视觉故事，不禁将客户与实际使用产品的心理印象联系起来。 无需复杂的图像序列来展示小袋如何打开、倾倒、混合，然后饮用。

把它包起来

以客户为中心是可以而且应该应用于企业做出的几乎每一个决策的东西。 当客户与产品或服务本身交互时，总是存在只考虑客户需求的诱惑，但聪明的营销人员和企业家明白客户需求超出了他们对产品的使用范围。

客户需要他们的时间得到尊重。 他们需要企业了解他们的注意力是有限的。

他们需要营销人员理解产品价值不是抽象的东西。 这是必须以智能方式传达的东西，没有经常将注意力从真正重要的事情上拖走的信息和视觉混乱：

“产品或服务可以通过哪些方式让客户的生活更轻松？”

如果这个问题是每个营销专业人士在活动之前问自己的第一个问题，那么他们就走上了正确的道路。

有用的前端和用户体验位，每周交付一次。

借助工具帮助您更好地完成工作。 通过电子邮件订阅并获取 Vitaly 的智能界面设计清单 PDF 。

你的（粉碎的）电子邮件

在前端和用户体验上。 受到 190.000 人的信赖。