民用飞机着陆阶段着陆方法_美丽的着陆页:提示和示例

围绕着陆页面的主题已撰写了数百篇机智的文章。 我们都知道以下基本事实:访问者是在点击横幅广告或促销链接后访问的页面,并且通过将潜在客户转化为企业客户而发挥了至关重要的营销作用。 但是,当您自己设计着陆页时,事情似乎比经过如何做文档后所预期的要复杂得多。 这就是为什么我们今天选择共享实际着陆页示例的灵感的原因。

根据学术上相当不错的分类,您可能会在Wikipedia中找到登录页面,主要分为两类:参考和交易。 如果将其称为参考,则页面必须显示既吸引人又与访问者相关的信息(文本,多媒体)。 “交易式”着陆页是那些旨在立即销售或至少在获得强大销售线索方面的页面。

您可能会同意我的观点,所有登录页面均符合两个条件:它们将要约告知访客,并在访客方面采取行动。 否则,我们绝对不需要在任何目标网页上进行号召性用语,对吗?

在启动www中的任何登录页面之前,需要明确的一点是所需访问者的行为的性质。 您的目标是增加新闻简报注册吗? 然后设计一条CTA,并显示消息“立即注册到我们的新闻通讯”。 您是否打算从访问者那里进行试用购买? 这样说的。 一般而言,基本诀窍是使您的目标网页尽可能清晰,诱人地表达此优惠。

设计登陆页面的提示

从设计目标网页开始的一些快速提示:

1.使用AIDA原则

这是一连串的事件,一旦潜在客户到达展示促销产品或服务的平台,我们就希望发生。 主要的步骤是:

  1. 意识 –吸引来访者的注意
  2. 兴趣 –可以通过向客户强调收益来引起
  3. 需求 –在客户中诱导他们想要产品或服务的想法
  4. 行动 –客户执行购买流程
出路

这个想法很简单。 如果登录页面除了CTA按钮外几乎没有其他导航选项,则访问者将强制退出。 不要以为,如果您不提供任何导航,他们将找不到出路–甚至可能会关闭浏览器,他们也会离开。 这些访客不会回来。

3.使其通过眨眼测试

通常,登录页面必须在进入的前3秒钟内吸引访问者的注意力。 如果客人眨了眨眼,看不清在页面上应该找到的内容,或者对看到的内容不感兴趣,他很可能会徒手反弹。

4.不要创造虚假的期望

到达网页必须与原始广告提供的提示一致,反之亦然。 访客必须在目标网页上找到他们在点击的广告中最初被承诺的内容。

按照我们的承诺,让我们浏览一些设计良好且有效的B2B和B2C登陆页面。 我们将探讨他们的优势和不可避免的弱点。 在下面的画廊中请注意以下内容:视觉传达,品牌和信任指标,内容有效性,号召性用语。

展示柜:美丽的着陆页

这是针对设计师和学生的登录页面的版本。 99Designs的另一面也有一个登陆页面:需要设计的企业。 对于这一点,它在认可方面非常有效(请参见大胆的推荐),并通过数字和信任指标(社区成员数量,所赚取的金额)真正说出听众的语言。 请注意单个CTA按钮的鲜红色阴影–通常可以避免这种情况,但是在这种情况下,它不会打扰,因为它与徽标的颜色匹配。

99个设计

99个设计

123RF在此着陆页中使用图像滑块和四个中间框明确说明了目的。 您可以立即了解该服务是什么以及如何使用它(搜索,注册,即用即付,购买订阅)。 浅灰色背景不引人注目,并突出显示了本质,即图像。 我个人认为可以改进的是股票摄影类别列表,有点儿塞满了。 对于可点击的框,CTA太微妙了。

123RF

123RF
最爱的

我绝对喜欢此目标网页的设计。 在每个部分中都有对比鲜明的口号,它带来了很多信息,而不会强迫您阅读所有内容(小字体可以完成所有操作)。 它确实具有导航功能,但是通过滚动可以实现垂直导航,从而大大降低了跳动率。

最爱的

最爱的

强烈的号召性用语,强调的口号和令人印象深刻的认可清单-这是目标网页的正确组合,并且此网页已包含。 另外,它包含最少的文本并使用演示视频,因为众所周知的事实是,人们更喜欢看短片而不是看电影。 形式是他们可以略微改进的元素。 通常,您应该先获得礼物,然后再以提交表格的形式来换取访客可以免费获得的款待,然后“发送消息”按钮可以说“立即获得免费物品”。

BiznessApps

BiznessApps

另一个证明少则多。 该着陆页看起来很整洁,带有单个图标和醒目的标题。 请注意顶部和底部的两个号召性用语–这是一种万无一失的方法,可以使消息持久存在而不会使页面拥挤。 强调征服客户而不是产品功能是另一个优势。

Brusheezy

Brusheezy
越狱

该页面可能有点拥挤,但它是应用程序登陆页面的传统。 但是,决定将页面分为几部分,可以轻松浏览所有元素。 您可以找到所需的所有内容:功能,优点,推荐和什至可以保证退款(如果您对结果不满意的话)。 最后一个是非常冒险的,因为它可能会对服务质量提出疑问,并且将其始终放在最底下是一个好主意

越狱

越狱

极简主义是这里的关键概念。 我个人很喜欢此页面不会立即告诉您所有信息,而是邀请您发现。 但是,我觉得不那么令人愉悦的是自动开始播放的视频(我通常会避免使用此功能),即使Andrew Powers不仅熟练而且英俊! 而且,没有立即的CTA的事实可能对网站不利。

页面行

页面行
微微

该登录页面简单但功能强大。 “大于”红色标志是盐和胡椒粉的整体外观。 该段的布置类似于报纸的布置,对于CMS而言,这很有启发性。 不过,CTA按钮太弱了,右下角的女士会引起轻微的注意力分散; 脸上有太多惊喜,看起来是否有能力进行商务谈判?

微微

微微

每个部分的描述行都是描述性语言使用的示例。 当您视线Swift扫描第一行并到达CTA按钮时,您会很快理解该消息。 如果您仍然犹豫不决,那么有很多推荐可以帮助您,同时也得到了强烈的认可–您是否会相信《福布斯》和《科技紧缩》中有特色的公司? 我会。

鞋盒式

鞋盒式

专业的着陆页,这是。 大胆的口号,您无法抗拒的CTA按钮和良好的认可,这是成功的结合。 我还喜欢他们将使用的上下文放在页面的中心,并附有页面外观的屏幕截图和类似图表的指示。 页面的3元素结构是另一个优势。

广场空间

广场空间

编者注:这篇文章是Laura Moisei为Hongkiat.com撰写的。 劳拉(Laura)拥有传播科学的学士学位,并花费大部分时间追求对设计和写作的热情。 她为123ContactForm工作, 后者是一个在线表单和调查构建器,可以帮助用户为任何网页创建漂亮的表单。


翻译自: https://www.hongkiat.com/blog/beautiful-landing-pages/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值