用户转化率低?看看这21个高转化率的定价页面的设计秘诀 - 优设网 - UISDC

用户转化率低?看看这21个高转化率的定价页面的设计秘诀

2019/04/28 15726评论区

编者按:定价页面中,具体的设计细节其实对于用户购买和销售的转化有着直接的影响,怎样设计才会更有有效?今天这篇来自Proof 博客的文章,用21个实际案例,来同你分享这方面的经验 ~

在如今很多互联服务当中,供应商的团队将大量的经历花费在开发和推广上,实际上,作为一项 SaaS 服务(Saas——Software as a Service软件即服务),定价页面常常会被低估。这是一个对产品进行深度实验、进一步优化的重要机会,如果方法得当,你甚至可以乐在其中。

从流程上来说,定价页面也是潜在用户在注册(或者购买)前看到的最后一个页面,所以这是给用户留下好印象的最佳时机。

所以,这个时候,我们就需要面对下面的三个问题了:

  • 如何创建一个漂亮的,具有高转换率定价页面呢?
  • 哪些元素是必须拥有的,哪些应该忽略?
  • 为了最大限度地发挥你的定价策略,你能做些什么?

让我们以一些顶级 SaaS 服务供应商的定价页面中的示例作为灵感来源,深入研究并找出这些问题的答案。

1. 使用简洁的设计

在 Zendesk 的定价页面中,体现了少即是多的设计理念。大家更喜欢有留白、舒缓的配色方案和一个简单的标志。没有其他分散用户注意力的元素,他们可以直接进行操作——注册试用版或立即购买软件。

zendesk-pricing-page

如果用户需要知道关于定价的更多详细信息,只需单击“查看定价”按钮,就会转到包含有关产品定价方式的更深入信息的页面——这是一个聪明的设计。

2. 保持页头文案简洁

页头的作用是让用户进行流畅转换。Appcue 在一个简洁明了的页头文案中就能表达出它们所需要的一切。

appcues-pricing-page

在页面左侧,他们用一个简单的下拉菜单来向你展示每月的活跃用户数量,并且可以通过一个按钮在月付和年付之间切换。

他们的快速浏览功能也非常实用,同时也使用了与他们的品牌气质相一致的文案。

3. 为目标用户提供订制选项

有各种各样的用户使用你的定价登录页面,他们每个人都想利用你产品的不同方面。为了让他们更加方便地使用,为什么不对定价选项进行详细划分呢?这正是 Hubspot 的做法。

hubspot-pricing-page

Hubspot 按职能进行细分——市场营销、销售、服务和增长——然后在页面左侧的每个小节中提供不同的付费计划。

4.提供常见问题的解答

如果一个潜在客户在做决定之前需要回答一个问题,尽可能让他们能够在不离开页面的情况下回答问题。留住一个客户很难的啊喂!

dropbox-pricing-page

一个好方法是在定价页面的某个地方列出常见问题。Dropbox Busines s在定价选项下面列出了九个用户常见问题。

这一做法列出了常见问题,并减少了访问者在注册前可能遇到的障碍,通过解答,让用户更加信任。

5. 实时聊天

对问答部分的一个很好的补充是实时聊天对话的功能。如果客户在决策过程中犹豫不决,他们可以立即通过实时聊天与真人客服进行交谈。Salesforce 有一个聊天应用程序,你一进入页面就会弹出。他们甚至会展示真人的照片以增强他们的可信度,并为他们的技术增添一点个性化色彩。

salesforce-pricing-page

您可以通过许多方式来实现这一点——比如通过自定义构建的解决方案,或者现在通过现有的诸如 Drift、Intercom 之类的工具来实现。

6. 高亮免费选项

如果你所经营的业务中,大多数用户在成为付费客户之前都是通过免费试用进入的,那么引导用户选择那个选项是很重要的。他们会觉得这个页面并不是在强迫用户立即购买。

freshbooks-pricing-page

Freshbooks 巧妙地在定价页面的两个地方突出了他们的免费试用版。他们通过将“免费试用”按钮涂成醒目的绿色来进行强调。

7. 在设计和文案中凸显个性

没有法律规定定价页面必须是一本正经不苟言笑的。在SaaS这个竞争异常激烈的世界中,最好的公司会因为在设计和文案方面加入一些有趣元素而脱颖而出。

wistia-pricing-page

Wistia 轻松随性的的五彩纸屑背景下,搭配有趣的文案,整个页面给人的感觉就很舒适了。

8. 让用户参与其中

大家都希望向特定的用户提供特定的服务。为了做到这一点,多问他们一个问题肯定是有帮助的。在 Proof 中,我们就可以这样做。

我们的计划是基于访问者的数量来进行的,所以我们会问“你的网站每月有多大的浏览量?”这个问题可以帮助我们将用户置于完美的计划之中。

proof-pricing-page

如果用户回答问题,页面将实时更新,向用户显示对其业务最有帮助的服务套餐。

9. 彰显可信度

一份热情洋溢的推荐语对建立信任大有帮助,而定价页面是让潜在用户看到其他人有多喜欢你的产品。

justworks-pricing-page

Justworks 很好地展示了让人感觉真实可信的推荐语。一个不错的做法是,他们显示精简的推荐语,但仍然允许用户阅读完整版。

10. 发挥你的品牌的社会效益

成为一个具有环保意识和社会意识的品牌是一个很大的优势。如果你的 DNA 中有类似的基因,你要懂得适时展示它。如果你的目标是千禧一代(剧透:他们喜欢回馈社会的品牌),这一点尤其重要。

slack-pricing-page

看看 Slack 是如何通过为非营利组织和教育机构提供折扣来强调他们想在世界上做好事的愿望的。这则善意的广告可以表明,他们相信有一个更好的世界存在。

11. 强调年度订阅的折扣

SaaS 业务需要收入。在一个考验业务扩展力的世界里,让用户预付年订阅费是很重要的。通过突出年度选项的节省力度,可以促使更多用户从一开始就做出选择。

canva-pricing-page

Canva不仅强调了年度订阅更便宜,而且还给出了确切的百分比。百分比和$$$比仅仅说“更便宜”更能说明问题。

12. 高亮最受欢迎的选项

想想互联网出现之前的原始定价页面——和餐馆菜单差不多。长期以来,人们都知道餐馆会设计菜肴展示方式,以鼓励人们购买高利润的商品。SaaS公司也可以这样做。

Intercom 会显示“68%的企业选择它”来推广其更昂贵的专业版。这是一个让用户脱离藩篱的好方法。

intercom-pricing-page

我也相信他们已经在他们的页面上做了一些A/B测试来引导你选择中间的选项。注意,CTA是友好且令人信任的蓝色,这几乎是为您预先选择好的,在这种情况下想要选择其他的东西是很困难的。

13. 提前解决痛点

如果您发现了一个小问题,它有时会阻止用户注册,那么定价页面可以帮助您快速缓解这种担忧。

ActiveCampaign 明白,将联系人从一个服务迁移到另一个服务是成本昂贵且令人头大的,因此他们非常明确地表示,如果您注册,他们将免费为您提供服务。随着迁移成本的增加,49美元/月的计划突然变得更加诱人。

他们页面的另一个有趣的功能特性是使用了滑动滚动条。因为他们的计划是根据联系人来定价的——当你滑动时按钮的时候,右边定价表上的数字随之改变。

14. 深度挖掘自己的特色

虽然定价页面不应该让人感觉像一篇博客文章,但并没有规定说不能详细解释自己的特性。如果这是吸引用户参与的必要条件,那么就去做吧!

sleeknote-pricing-page

Sleeknote 在页面中使用 “营销人员喜欢 Sleeknote 的12个原因”这样的内容,它以简洁易懂的方式呈现产品特性,这点做得特别好。

15. 对某一个功能进行详细拆解

许多SaaS企业提供不同层次的服务,每个层次都具有不同的特性。当你的服务的每一层级都有许多不同的功能时,就很难用直观的方式列出信息。

Asana很好地处理这个问题的方式。他们列出了基本包中包含的内容,但是,然后,他们没有在“高级包”一栏中重复所有内容,而是只说“高级包中的所有内容”。

asana-pricing-page

这种做法节省了空间,这样的文案设计给产品以独一无二的气质。此外,他们有更多的空间来解释下级的计划为用户添加了什么,而不是减少了什么。

16.严正声明你对用户安全的关注

人们仍然对 SaaS 类的服务持怀疑态度的一个重要原因,是其内容的安全性,尤其是在企业级服务当中。有些人对将敏感信息放到云端持谨慎态度,这是可以理解的。

mailchimp-pricing-page

缓解这些担忧的一个方法,是强调你在他们做出购买决定时对安全的重视程度。例如,如果您将双因素身份验证添加到您的帐户,MailChimp 为此提供折扣。这使买方和卖方在安全性上保持一致,并将降低风险所节省的成本转嫁给买方。

17. 以不同货币来显示价格

成功的软件公司拥有来自世界各地的客户。如果你知道用户来自哪里,那么可以以他们可能更熟悉的货币价格来让他们感到更亲切。

aircall-pricing-page

Aircall 总部位于欧洲,但在美国有很大规模的业务,因此其定价页面允许用户在查看欧元和美元价格之间进行切换。

18. 从低到高显示价格

81% SaaS 服务是按照从低到高的顺序显示价格。从用户体验的角度来看,这是有道理的,消费者不喜欢被欺骗的感觉。

box-pricing-page

这是一件无关紧要的小事,但遵循行业最佳实践不会有什么坏处。

19. 用 CTA 元素大力推广免费试用

虽然让每个用户都购买年度订阅是最理想的情况,但这是不可能发生的。大多数人还是会从免费试用开始。

shopify-pricing-page

那么,为什么不以一种有趣而大胆的方式推广你的产品呢? Shopify 的创新和颇具挑衅意味的CTA 按钮就做到了这一点。

20.高额定价,理直气壮

不要惧怕高定价。对许多用户来说,高定价意味着高质量。

logikcull-pricing-page

另一种方法是用你的经历来巩固你的地位。Logickull 非常熟练地做到了这一点,依靠他们的高定价,这让他们在寻找合适的用户时显得很自信: “ Logickull 不是市场上最便宜的解决方案,而且我们有充分的理由进行高额定价。”

21. 展示规模和体量

使用优秀合作企业的 logo 和他们对你的认可,可以为你的社会影响力提供很好的补充。它能让你激起科技业内人士的兴趣,也能让那些想要证明你广受信任的人感兴趣。

drift-pricing-page

Drift的网站做得很好。他们展示了一些时尚科技公司的标识,同时也确保访客知道他们与大量企业合作。

尽量设计一个高转化率的定价页面

希望这篇文章为你构建自己定价页面提供了一个良好的基础。请记住,在这个列表中有一件事比任何方面都重要——你必须测试,测试,再测试!

每一个成长中的企业都是独一无二的,所以在你开始尝试之前,你并不会确切地知道什么是有效的。

如果你坚持跟踪、迭代和优化,那么你将有很大的机会创建一个高转换率的定价页面。

Banner图来自设计师 Nugraha Jati Utama

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/pricing-page-examples

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里