着陆页设计的目的在于如何吸引用户、留住用户,提升转化率

着陆页设计的目的是如何吸引用户、留住用户并提高转化率。许多网站成功的关键是它们的登陆页面设计。这些成功案例无一例外都有一个共同点:他们拥有最好的 UI/UX 设计师和最吸引人的页面设计。

优秀的落地页展示的内容不仅是华丽的页面视觉设计,更是提升用户体验、提高转化率的良机。优秀的设计师应该知道,正确的着陆页设计应该清楚地传达产品或服务的独特卖点 (USP),并专注于号召性用语 (CTA),例如允许访问者注册或购买。

优秀的着陆页设计似乎有其自身的吸引用户的魔力,巧妙地引导用户如何获取信息、完成注册和购买。那么我该如何设计自己的优秀登陆页面呢?首先考虑几个问题:

1.网站的目标人群是谁?

他们是对您的产品一无所知的新访问者,还是已经对您的产品有所了解的用户?您想看到的两个着陆页的内容也相对不同。

2. 设定转化目标。

您是否希望访问者留下电子邮件、下载应用、购买产品、注册会员或阅读更多文章?

3.准确传递服务/产品信息。

不同来源和到达页面的信息一定要清晰、平等,不要在头上卖狗肉,否则只会让你的跳出率飙升。用户到达着陆页的目的是解决问题网页设计学习网站,他们只是想找到正确的答案!

4. 我需要响应式网页设计 (RWD) 吗?

不多说了,响应式设计是解决手机、平板、电脑等不同设备登陆页面显示友好度的最佳方式。

5. 数据分析和 A/B 测试

没有绝对100%优秀的页面,别人成功的例子不一定适合你。观察数据进行优化,了解访问者的停留时间、跳出率、转化率、阅读的内容、点击的内容……红色与绿色谁表现更好? A文案好还是B文案好?然后 A/B 测试让用户说话。

结合以上几点,小编整理了一些个人认为特别优秀的落地页设计实例,供大家参考学习。

1.

图片[1]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

简单的白色背景和粗体的黑色字体吸引了用户的注意力,突出了其电子邮件营销的品牌定位。

左上角带有大猩猩形象的网站标志已经深入人心,清楚地表明创建了这个注册页面。右上角的蓝色注册按钮和白色登录按钮并排采用对比色,提高了潜在用户的注册率。而且,“免费登记”一词也很可能立即引起游客的兴趣。

简短的描述性句子表明其品牌地位。同时,客户定位为中小企业,拉近了与个人用户的距离,从心理上提升了用户体验。

2.页面-

图片[2]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

这是一个登陆页面设计作品。背景以蓝色为主,巨大的银行卡突出了网站的主要产品和服务。横向展示的业务流程清晰流畅,用户可以点击每个流程点跳转到同一页面的具体流程介绍。展示网站的主要功能和卖点网页设计学习网站,并以流畅的服务吸引用户注册卡。

可点击的流程节点和跳转流程的介绍丰富了产品的展示和呈现,尽可能在同一页面向用户展示足够的细节,同时降低着陆页的跳出率。

3.

图片[3]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

设计着陆页的最佳方式是将最重要的 CTA 按钮放在首位。显然这是一个很好的用途。从他们的 CTA 设计中,很容易看出他们的目标是吸引公司和自由职业者注册。

从用户体验的角度来看,绿色底部的“发布职位”按钮是针对公司的,而小字“您需要什么类型的工作?”面向自由职业者。

他们的文案设计也很有方向性。他们明智地避免了像“雇主:在这里注册”这样严格的 CTA,而是使用利益驱动的语言(“让自由职业者做更多的工作”),然后使用面向行动的 CTA 告诉潜在用户“在这里发布你的工作”。

4.-

页面设计亮点:

平面页面设计干净简洁。着陆页流畅的动画展示,让用户一目了然地了解网站的服务特色,自然流畅的过渡也是一大亮点。左侧CTA按钮和右侧动画的创意组合,让整个页面的用户体验自然而生动。生动的动画也与网站的响应式主题相得益彰。

5. 松弛

图片[4]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

固定头的滚动样式,允许在页面滚动时显示所有需要的信息,让访问者无需上下移动页面即可接收信息。

Slack 最重要的协作功能以拟人化的形象展示给客户,多样化的协作文档展示强化了 Slack 品牌的印象。良好的着陆页设计的另一种方法是呼应品牌颜色。 Slack 也很好地实现了这一点。鲜明的品牌色彩与对应的各个部分相呼应。

页面上的 CTA 按钮使用简短而直接的“获取”作为客户的操作指南。并且只有这一个表单区域可以让访问者轻松完成表单填写,从而提高注册率。

6.

图片[5]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

也是一个扁平化的网站,整个页面的配色看起来非常清新活泼。彼此亲近的精灵或自由移动的精灵都体现了社区的概念。短文还告诉用户,他们可以自由地创建自己的社区。

屏幕中央的CTA按钮和屏幕右上角的配色是对比色。在深色页面背景的对比下非常醒目醒目。 “免费”加入用户也在吸引用户注册加入社区。

7.

图片[6]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

欢迎客人的背景图片与网站主题相吻合,简洁大方。

为了帮助将访客转化为主人,我们提供了一些有吸引力的个性化显示功能: 根据您所在位置估算的每周平均收入。您可以在现场输入有关您的潜在住宿的其他信息,以获得更个性化的估算。如果您访问的页面已经被说服,页面顶部清晰的号召性用语可以在现场轻松转换。

如何成为房东并赚取收入?怎样才能安全?一无所知的新用户一定对这些问题感兴趣。分步式页面引导,为用户提供清晰的网页浏览方向和良好的用户体验。如此贴心的服务,留住用户并不难。

8.

图片[7]-着陆页设计的目的在于如何吸引用户、留住用户,提升转化率-4747i站长资讯

页面设计亮点:

众所周知,它是一个照片共享或存储的平台。业余和专业摄影师都可以加入并从中获得灵感。它的登陆页面设计采用图片轮播来展示用户的摄影作品。作品的签名和随图片滚动的作者姓名,让人对作者和作品产生了无限的好奇心,不禁想多了解一下作者的作品。这也是落地页的魅力之一。

大而显眼的CTA按钮设计吸引用户加入社区,从数百亿张照片中获取灵感。简短的文案让访问者无形中对网站产生了巨大的吸引力。

参考这些案例后,您如何为您的网站设计着陆页?

文章来源:https://www.zhihu.com/question/59613947/answer/335231446

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容