着陆页设计灵感:提示和示例

已发表: 2021-02-09

设计商业着陆页就像走钢丝一样——每一个微小的动作都很重要。 使用一页产品,您只能获得一次机会,请明智地使用它。 让我们来看看一些令人惊叹的着陆页设计示例,并找出如何将着陆页变成杰作。

内容
  1. 着陆页设计的最佳实践
  2. 最好的登陆页面设计示例
  3. 让我们总结一下

着陆页设计的最佳实践

以下是创建获胜页面时需要考虑的一些基本规则。

  • 控制用户如何阅读您的页面。 遵循传统的设计原则并在布局中使用 F 模式或 Z 模式。 这些模式可以帮助用户自然地阅读您的页面——从左到右。 插入突出的焦点以吸引用户注意您的号召性用语。
  • 保持您的风格可识别。 您的视觉效果应与您的品牌标识保持一致。 使用相同的调色板、字体和语气来保持一致性并提高品牌知名度。
  • 专注于一项特定优惠。 着陆页描述了特定的产品或服务,最好不要用不必要的内容来淡化您的信息。 从您的页面中删除任何分散注意力的链接或多余的按钮,以平滑用户的旅程。
  • 营造紧迫感。 最优雅的方法是展示已经有多少人使用你的产品,并突出他们归因于它的好处。 另一种方式是指出您的产品数量有限或仅在有限的时间内可用。
  • 使用令人惊叹的图像来炫耀您的产品。 如果您销售实体产品,这是必须的。 最好在现实生活中展示您的产品,展示人们如何喜欢使用它,并突出其独特的功能。 至于数码产品,使用抽象但令人难忘的图像或照片来传达观众承诺体验的情感。
  • 确保您的 CTA 按钮不容错过。 一个有说服力的号召性用语按钮可以奇迹般地提高您的转化率,因此您在设计着陆页时不想跳过这一步。 我们建议让 CTA 按钮具有对比色,并为按钮文本使用面向操作的语言。 使用主动动词并触发词,例如“获取我的免费帐户”或“立即拨打电话”。
  • 不要用无休止的滚动让用户感到厌烦。 保持你的段落简短明了。 当然,如果您有特定的技术产品并且需要提供大量信息来帮助您的潜在客户获得清晰的信息,那就去做吧。 但是,在其余情况下,完全不需要冗长的页面。 把它想象成一个实体广告。 您更愿意用令人信服的小册子还是冗长的书来与潜在客户见面?

好消息是您不需要任何网页设计经验来实施这些规则。 查看我们之前关于完美登陆页面剖析的帖子,我们还讨论了登陆页面设计。

一个简单而强大的登陆页面构建器

为 Instagram 创建登陆页面、在线商店或生物链接页面,并通过电子邮件、短信或聊天机器人消息将链接发送给您的订阅者——在单一平台上进行推广。

创建一个页面

最好的登陆页面设计示例

“Fake it until you make it”可以轻松应用于设计着陆页。 当然,我们不鼓励您复制您在竞争对手页面上找到的每一个功能,但我们当然建议您进行更多实验并学习其他着陆页创建者的做法。 也就是说,现在,让我们深入了解一些着陆页设计灵感。

清醒汽车

Lucid Motors 是一家很有前途的美国汽车公司,未来很可能是特斯拉在电动汽车市场的直接竞争对手。 这个品牌的明星还在冉冉升起,但我们已经有机会领略他们第一款豪华电动汽车 Lucid Air 的美丽和优雅。 当您登陆他们的网站时,这是您首先看到的东西,这确实令人叹为观止。

视频可以显着提高用户参与度

着陆页需要去除所有非必需品。 但是,如果您销售的是高端产品并且您有办法制作令人惊叹的视频,那么这些视频是必不可少的。 在我们的示例中,Lucid Motors 使用视频背景为其用户创造了更加身临其境的体验。

对为您的品牌制作杀手视频感到兴奋吗? 了解如何在不花大钱的情况下制定您的视频营销策略!

把自己放在客户的角度。 你会在没有看到的情况下预订一辆昂贵的汽车吗? 可能不是。 迷人的视觉效果与总体上令人满意的用户体验齐头并进。 他们帮助你吸引、解释和说服。 让您的产品不言自明,您就会看到它有多大的不同。

奇科勒

Chicolle 是一个新的护肤系列,它关乎自爱和照顾您的健康和身体。 这个登陆页面以其大胆的风格和鲜艳的色彩而引人注目。 他们的网页设计师当然在这里违反了一些规则,但这是有充分理由的。

例如,有一个很大的可点击横幅,而不是 CTA 按钮,鼓励用户立即购物:

landing page design example
使用醒目且可识别的风格来展示您的美容产品

这个登陆页面上的另一个不寻常的事情是他们博客的预览。 您还可以查看他们引人入胜的 Instagram 帖子。 那么,如果登录页面的全部目的是销售他们的产品,他们为什么要分散用户的注意力? 这是因为他们还想建立一个社区并与客户建立长期的关系。

您可以采用相同的方法来设计并使您的着陆页不仅具有高转化率,而且还具有帮助、引人入胜和有趣的外观。 就像这个:

landing page design inspiration
精心策划的 Instagram 帐户可以成为额外的灵感来源

美容营销是一个独特的领域,您可以在其中尝试不同的渠道、风格和方法,上面的例子证明了这一点。

Gusto 钱包

Gusto Wallet 是一个更大平台的一部分,为雇主和小企业提供各种金融工具。 你会期望金融科技产品看起来难以接近,但事实并非如此。 相反,您会看到一个简单的、几乎令人心动的登录页面,描述了这项服务如何改善人们的财务习惯。

inspiring landing page design
使用观众可以识别的真人照片总是更好

注意他们使用的图像。 你看不到任何穿着华丽西装的成功男士的通用库存照片。 此页面向您展示了真正的人在做他们喜欢做的事情并梦想找到更好的方式来管理他们的资金。 然后,您会看到有关此服务实际工作方式的简单说明:

inspiring landing page example
为每个精心制作的产品提供简单的描述

它仍然是一个金融工具,因此,很明显,他们的用户对此解决方案的安全性和便利性有不同的问题、恐惧和担忧。 Gusto 一一回答:

example of landing page faq
常见问题部分可帮助用户更快地转换

这里的关键要点是,在着陆页上回答常见问题总是一个好主意,因为您可以解决客户的恐惧并帮助他们更快地转换。 因此,请始终在您的布局设计中包含此部分。

感染者

Influenswer 是一个平台,可以让影响者通过简单地回答订阅者的问题来赚钱。 事实上,简单是这里的关键。 这个登陆页面设计证明你不需要把事情复杂化来打动你的观众。 只需用一句话解释您的创新想法,即可让您的访客轻松采取所需的行动。

图标使这个副本更具可读性,视频缩略图表明流行的博主已经在使用这个平台:

landing page design inspiration
从 USP 和 CTA 开始,然后描述您的报价带来的所有好处是有意义的

有趣的是,Influenswer 立即解释了在没有广告和赞助的情况下开始赚钱是多么方便。 着陆页副本没有详细描述所有好处——因为任何拥有在线受众的人都可以看到这些好处。

兰芝

Lancify 是一个教育平台,针对年轻人才,将他们转变为成熟的自由职业者。 这也是一个很好的例子,说明如何在着陆页设计中使用时尚的深色主题——谁说你必须永远坚持相同的白色背景?

细节决定成败。 展示有多少人已经在使用你的产品当然是一个明智的举动:

example of landing page dark theme
深色主题是许多登录页面的绝佳风格选择

另一个很酷的举动是删除竞争对手做出的典型承诺。 相反,请解释您的产品真正带来的价值以及为什么它很重要。 并且不要忘记通过在您的页面中添加常见问题解答部分来消除访问者可能有的任何疑问:

landing page design example
确保您的报价在竞争中脱颖而出

基本供应商指南

基本供应商指南是厨师和厨房工作人员在考虑新供应商之前阅读的指南。 您会在此登录页面上注意到的第一件事是有趣的表情符号动画。 这是使冗长的页面更有趣的好方法:

动画使登陆页面更具互动性和吸引力

大表情符号而不是项目符号也为原本朴素、枯燥的页面增添了必要的人情味:

landing page design example
使用俏皮的表情符号和图标为您的页面注入活力

此登陆页面还包含丰富的可下载内容,这使其更具吸引力。 阅读它可能看起来有点太长,但请记住,此登录页面针对的是已经对该主题表现出一定兴趣的非常特定的受众。 您绝对可以将这些设计解决方案用于您自己的登录页面。

小马工作室

Pony studio 是一家总部位于英国的品牌和设计机构。 在他们的登陆页面上,他们将有趣的插图与简约的方法相结合。 这里没有繁荣,只是对这个敬业的团队为他们的客户所做的事情的纯粹描述。 我们发现值得关注的是他们如何明确定义标准时间框架和项目可交付成果:

landing page design example
独特的插图不会花费你一大笔钱,但会让你的页面令人难忘

将您的报价摆在桌面上是赢得观众信任并强调您的专业方法的好方法。 如果您向下滚动一点,您会在页面上看到一小段动画——当您想要娱乐而不是不知所措时,这是另一种雅致的设计解决方案。 另外,请注意这个登陆页面设计如何模仿他们的 Instagram 帐户的风格。 这是我们之前提到的品牌一致性的一个很好的例子。

让我们总结一下

登陆页面的设计灵感可能来自不同的来源——睁大你的眼睛。 归根结底,没有一刀切的解决方案——您需要做的就是将您的创造力与实践知识相结合,以实现您的业务目标。 许多登陆页面创建者打破了传统规则,但他们的业务正在蓬勃发展。

您可能希望使用登录页面来捕获潜在客户并扩大您的邮件列表。 但是,您是否制定了潜在客户培养策略来帮助这些潜在客户转化? 如果没有,请深入了解我们的知识库并尝试使用 SendPulse 创建您的第一个自动电子邮件活动。 如果您遇到困难,我们提供 24/7 全天候支持!