建立一个可转换的网站并非易事。但了解着陆页设计对确保转换的重要性后,可以肯定地说,获得最佳的最终结果是值得付出努力的。
因此,无论您的着陆页转化率在可接受的 2% 到 5% 之间,还是比平均水平(和您的竞争对手)高出两倍、五倍或十倍,熟悉顶级着陆页设计趋势都是不错的选择。一旦您清楚了解了当前消费者最感兴趣的内容,您就可以自信地更改网站上的现有资产,以推动业务成功。
本指南为您提供了各种设计精良、性能卓越的可实现转化的着陆页示例。您可以从中寻找灵感,以及一些急需的解释,说明这些示例为何有效,以及如何将相同策略应用于您的网站的提示。
让我们获得灵感。
在本文中
- 1. 永恒(极简主义)设计:羽毛
- 2. 布局优先的设计:Apple、HubSpot、Pocketed
- 3.插图:斯科特廉价航班
- 4. GIF 和微动画:Slack
- 5. 视频:最佳研讨会
- 6. 现场演示嵌入:Quetext
- 7.情感诉求:Mindmesh
- 8. 社会认同:Monday、HelpScout、Voices、Evernote
- 9. CTA 点击触发器:Bay Alarm Medical
- 10. 可读性与低字数:Shopify
- 最后的想法
1. 永恒(极简主义)设计:羽毛
尽管从总体上看,美学似乎并不重要——尤其是当你试图让网络访问者转化时——但科学表明,在设计登陆页面时,有充分的理由关注美学。
- 首先,网站访问者在不到 0.2 秒的时间内就会对网站形成第一印象。而且他们是根据视觉因素来形成第一印象的。
- 其次,研究表明,人们更喜欢与设计精美的网页互动。Adobe的一项调查发现,59% 的人会选择消费设计精美的内容,而不是简单朴素的内容。
- 第三,多项研究证明,美学对品牌信任、客户体验以及(也许最重要的)消费者的回购意愿有积极的影响。
当然,美观的网页设计是一个模糊的术语。那么,如何确保您的登录页面看起来美观且效果良好呢?
嗯,一个可能的方向就是尝试极简网页设计的理念。
谷歌的一项研究发现,网络访问者倾向于认为视觉复杂度低、原型性高的网站具有很高的吸引力,这表明你不需要过度追求来确保转化。
Feather是一个在其着陆页上巧妙运用极简主义设计的品牌的绝佳例子。看看下面的页面如何包含大量负空间,如何采用无衬线字体和高对比度来传达独特的销售主张,以及 CTA 如何通过经典的黑白配色方案脱颖而出。最好的部分是什么?您可以轻松重现这种外观,无论您是让设计团队进行更改还是更喜欢自己设计着陆页。
2. 布局优先的设计:Apple、HubSpot、Pocketed
在设计旨在吸引受众(并实现转化)的登录页面时,您必须了解网络用户的在线行为。获取经过测试的可操作数据的最佳方式是查看现有的眼动追踪和用户体验研究。
例如,尼尔森诺曼集团在过去二十年中一直在跟踪在线阅读模式。该机构的调查结果显示,某些布局自然有助于提高转化率。
2022 年,分屏设计趋势对于试图让着陆页访问者获取信息的品牌尤其有利。这是事实,因为研究表明,目前,许多网络用户在网上阅读时使用锯齿形和割草机图案。
要了解如何在您的在线资产中使用这些布局,请查看下面来自Sigma的示例。
如您所见,页面在文本和图像之间交替,鼓励读者花更多时间阅读产品功能,同时包括美观的视觉效果,将文本分解以提高可读性,并提供解决方案主要优势的图示描述。
使用这种布局模式的其他品牌包括Apple、Hubspot和Pocketed。它们都在布局中添加了自己独特的元素。但是,在所有这些页面上,结果都是一样的:文本和视觉信息描述之间的流畅流动,以及整体网页浏览体验,既能提供信息,又不会让人感到不知所措。
3.插图:斯科特廉价航班
大多数着陆页通常在英雄部分包含图像。这种做法已成为常态,这并不是什么秘密。本质上,视觉效果会吸引用户的注意力。通过这样做,它们可以让高价值元素脱颖而出,从而推动用户采取行动并激发转化。
然而,虽然摄影在过去十年占据了主导地位(许多品牌选择使用库存照片作为他们的英雄形象),但过去几年,插图在网站视觉效果中的使用有所增加。
这种转变的原因很简单。插图更简单,更能成功地描绘复杂的想法和情况。最重要的是,它们可以提高网络访问者消费所呈现内容的积极性,并有助于信息回忆。此外,插图可以有效地吸引和留住用户的注意力,让品牌专注于单一的信息、目标情感或期望的结果。
想要了解选择使用带插图的登陆页面而不是带有丰富摄影图片的登陆页面的品牌的绝佳示例,请查看Scott’s Cheap Flights。
如您所见,它遵循极简主义的设计规则,以确保吸引品牌受众。它还用照片代替插图,确保网络访问者在离开网站后很长时间内都能注意到并参与视觉效果,理解其含义并记住品牌解决方案带来的好处。
中国物流业的大数据分析:航运路线优化、货运跟踪和需求预测——大数据在中国物流业的应用——从现有资源 手机号码数据 中榨取最大效率和客户满意度。在中国运营的银行的数据本地化要求:在大陆运营的银行有义务将其财务数据存储在国内,因此敏感的客户信息受到各种国家网络安全法的约束。
4. GIF 和微动画:Slack
如果您希望将视觉效果提升到一个新的水平,那么开始尝试 GIF 和微动画可能不是一个坏主意。
根据科学研究,GIF 之所以如此受欢迎,有以下几个原因:
- 它们是多义的,这意味着它们可以承载多种含义。
- 在交流中使用 GIF 可以激发同理心,因为这种格式可以传达通过文字无法传达的情绪状态。
- GIF 的重复性使这些视觉效果能够突出细节,建立意义层次,并通过使其几乎无法描述循环的开始和结束位置来进一步吸引观众。
如今,许多品牌都在其登陆页面上使用 GIF。但可能没有哪个品牌能像Slack那样无缝地做到这一点。
该品牌选择主页视觉效果的方式证明了其全球视野。请注意主页上使用的每个 GIF 如何利用日常物品来描述业务团队普遍存在的痛点。是的,完全可以说良好的沟通推动了成功的团队合作。然而,事实是,展示拳头比语言更有效。
5. 视频:最佳研讨会
如果您正在寻找能够确保在 2022 年及以后取得成果的登陆页面设计技巧,那么您一定要尝试一下该视频(如果您还没有尝试过的话)。
首先,视频是向网站访问者介绍产品的绝佳方式。Wyzowl的一项调查发现,多达 73% 的消费者表示,观看短视频是他们了解新产品的首选方式。
其次,最近的数据显示,视频不仅越来越受欢迎。它们在推动转化方面也变得越来越有效。Vidyard 的《2022 年视频状况报告》称,多达 93% 的营销人员表示,视频的转化率与其他格式相同或更好。
最后,别忘了视频不仅能有效确保高投资 快餐营销:最佳策略、渠道及如何衡量成功 回报率。它还令人兴奋、引人入胜,并帮助您的网站访问者在尽可能短的时间内(几乎不费吹灰之力)了解您独特的销售主张。
想要了解如何在目标网页中添加视频的灵感,请查看Optimal Workshop,其策略是在其主页的英雄部分添加动画解释器。
这是制作正确视频的绝佳范例 — — 不仅仅是因为视频看起来不错。也许更重要的是,这种格式允许品牌描述其复杂的产品,而不会让认知阶段的买家被过多的细节或行业术语所淹没。
6. 现场演示嵌入:Quetext
当今的消费者在购买产品之前往往自行进行产品研究。
他们不仅欣赏解释视频和深入介绍其工作原理的着陆页。他们还寻找着陆页元素,以便为他们提供所需的信息,从而有效地评估解决方案并决定这些解决方案是否最适合他们的需求。
考虑到这一点,在尝试转化客户时,产品演示是必不可少的。尤其是对于希望打入竞争激烈的市场的 SaaS 品牌而言。
但事实是,产品演示的状态并不理想。根据 Navattic 的数据,潜在客户平均需要3-5 个工作日才能收到他们要求的产品演示,这让他们有足够的时间探索其他选择(甚至与您的竞争对手之一进行转换)。
不过,有一个简单的方法可以在您的登陆页面上解决此问题:使用嵌入式实时演示。
要了解如何有效地做到这一点,您可以访问Quetext网站,潜在客户可以在那里尝试使用该品牌的解决方案。
是的,潜在客户必须注册一个(免费)帐户才 tw 列表 能看到结果。但是,整个过程只需几分钟,并为 Quetext 的潜在客户提供即时、个性化的说明,说明他们可以从软件中获得什么,从而缩短了人们了解 Quetext 并成为该品牌付费客户所需的时间。
7.情感诉求:Mindmesh
在追求成功的过程中,情感营销技巧始终是一个可靠的选择。
首先,网站上的情感形象(无论是正面的还是负面的)都会鼓励人们购买更多产品。最重要的是,它:
- 提供与观众建立关系的独特机会
- 有助于鼓励网络访问者采取行动
- 推动长期忠诚度
因此,如果您正在寻找让您的登录页面从优秀变得卓越的秘密武器,那么利用受众的情绪不失为一个好主意。
如需了解如何做到这一点,请查看Mindmesh,这是一个 SaaS 品牌,它使用动画来引起目标受众的痛点关注。看看通知徽章、消息预览和日历片段如何指出 2022 年开展业务所带来的不知所措的感觉。
从本质上讲,该品牌选择了这个方向,希望负面情绪能够促使人们最终开始解决他们的痛点,理想情况下是通过选择 Mindmesh 的软件解决方案。而且,如果您的产品也旨在解决常见的消费者烦恼,那么从 Mindmesh 的方法中汲取灵感可能正是最适合您的设计方向。
8. 社会认同:Monday、HelpScout、Voices、Evernote
当谈到推动登陆页面转化的营销策略时,很少有策略能像社会证明那样有效。
根据Statista 的调查数据:
- 94% 的买家表示,积极的评价使他们更有可能选择该商家。
- 92% 的用户表示负面评论使他们不愿意使用该品牌的服务。
- 79% 的人对在线评论的信任程度与对朋友和家人的个人推荐的信任程度一样高。
考虑到这一点,可以肯定地说,在设计登陆页面时,添加社会证明是一种以积极的态度展示产品、提高转化率以及为您的品牌建立信誉和信任的绝佳方式。
有几种有效的方法可以为你的网站添加社交认同。让我们来看看一些登陆页面上的社交认同的优秀示例,你可以在自己的网站上复制这些示例。
用户统计数据(例如HelpScout所使用的统计数据)是一种基本但有效的解决方案,因为它们通过数字支持您的主张。
正如您在下面的示例中看到的,统计数据可以说服潜在订阅者,该软件是他们的正确选择。他们承诺提供快速简便的入职体验。此外,他们还指出,该产品提供 50 多种集成,该品牌的客户满意度评级高达 94%。
为了更具个性化,您可以从周一使用的推荐卡中汲取灵感。
该品牌将所展示的每项优势与用户反馈实例联系起来。这种方法可以实现两个目标。一方面,它证明了Monday能够兑现承诺。另一方面,它展示了该软件的不同用例,证明了 SaaS 产品值得投资。
如果您的产品或服务旨在帮助您的受众取得成果,您可能需要做一些像Voices这样的事。
该公司在其登陆页面上展示了客户徽标,因为他们知道将 Shopify、Microsoft 和 BMW 等品牌列为其客户会给潜在的新客户留下深刻印象。此外,通过与这些品牌建立联系,Voices 还向潜在客户表明,它可以帮助他们取得同样的成功,因为它提供卓越的服务和质量。
最后,如果您的品牌已经存在了一段时间,那么以媒体提及或第三方徽章的形式展示社会认同也不失为一个好主意。
Evernote 的做法就是依靠《福布斯》、《Inc.》、《The Verge》和《企业家》等刊物的权威性,鼓励网络访问者相信其说法并注册免费试用。