UI.

11定价表设计真正销售

杰克罗奇勒斯 经过 杰克罗奇勒斯  |  7月26日,2017年

每个SaaS产品和订阅网站都需要一个伟大的定价表。这是与潜在买家分享信息的最简单方法,并解释您的计划中的差异。

但是,通过如此多的网站运行定价表,他们可以得到一点陈旧。

这些设计是我发现的一些最好的趋势,颜色方案以及鼓励用户互动的清洁体验。如果您正在设计定制定价表页,那么这些设计肯定会给您提供一些很酷的想法。

 

1.阿尔索里亚

托管搜索SaaS产品Algolia有一个干净的 定价页面 用材料设计风格和彩色图标设计。

每个列在标题中使用不同的颜色来脱颖而出并创建对比度。表格很简单,所以信息易于消费。

通常,您在每列底部找到注册按钮,但Algolia使用表格下方的一个大CTA。这使其保持清洁,并减少多列上的重复按钮的需要。

01-Algolia-Search-Saas-Pricing-Table

 

2.松懈

这 松弛定价页面 对于标签的左侧特征列也是如此。您可以在许多其他定价表中找到这一点,但并不总是具有如此平滑的设计。

每行使用复选标记来显示每个计划中涵盖的功能。这些行是超级宽敞的,头部甚至使用浅灰色背景来构建对比,便于撇去。

更不用说他们使用的字体看起来很棒,真的让内容易于消费。

02-slack-app-pricing-table

 

3. Symu.

我从未见过定价桌子里的灰色功能 Symu. 做这项工作。每列都有一个小的进度条,就位于特征列表之上,显示每个计划有多少。

这抓住了你的注意力,灰色的功能也抓住了你的眼睛。

我用浅灰色字体的问题是读取它很难。潜在的买家可能不知道他们错过了自由计划,所以他们必须阅读“团队”专栏清楚地看到一个列表中的所有功能。

但可视地删除这些功能,用较轻的字体 意味着稀缺是一个销售和营销的伟大工具。

03-Symu-Pricing-Table-Trey-Text

 

4.数字海洋

VPS服务数字海洋有自己的 旋转定价表 因为他们提供了这么多不同的计划。

大多数新的访客将以更便宜的计划从更便宜的计划开始,因此保持这些权利是有道理的。但是,您可以通过列表点击或滑动,以浏览更多的电源和存储空间。

我喜欢的另一个功能是“创建帐户”按钮,该按钮仅出现所选计划。这引起了你对一个计划的关注,因此您可以将其与邻居进行比较,并查看最适合您的任何作用。

04标准 - 液滴 -  Pricing-table

 

5.使用寿布

定价表上 使用劳动力 具有漂亮的设计,具有每个功能的悬停详细信息。不同的帐户让您运行不同的测试,但较新用户可能无法理解这些测试的值。

如果悬停在每个功能旁边的信息图标,您将获得更多信息,了解它的意义和为什么它很有用。有些只是像A / B测试这样的功能,而其他则是账户设置,如团队支持或自定义品牌。

对于较大的团队列,您还会注意到当您在计划中添加更多人时,每月报价会自动增加。这对于想要估算成本并获得软件的快速估计的团队来说非常棒。

05可用性 - 轮毂工具 - 定价

 

6.最佳车间

最佳研讨会 在其定价页面上使用大量的品牌和自定义图形。这可能无法直接添加到表本身,但它确实会添加到页面的氛围。

我喜欢的主要功能是本设计中的内置每月/年度价格开关。你经常在定价页面上看到这些,但它们通常太小。这让参观者是一个虚假的定价感,因为初始价格可以在用户想要年度计划时倾斜更便宜。

使用此定价表,您可以清楚地看到您每月获得的内容以及如何在每月和年度成本之间进行比较。

06-最佳工作室定价

 

7. Airtable.

这是另一种使用鲜艳颜色来抓住注意的设计。这 空中定价页面 保持简单,试图立即引起您的注意力。

如果您在表格上方看,您会看到同一个月/年度交换机。看看它是如何瞥一眼难以完全错过的?这是销售的一个很好的伎俩,但从UX的角度来看并不伟大。

此表的最佳部分是添加到每行上的悬停效果。您可以通过悬停来了解每个功能,以确定哪个计划提供了您所需要的。

07-airtable-pricing-table

 

8.回顾

具有悬停信息的另一个表设计是 回望。您将无法在每一行上找到悬停工具提示,但它在最复杂的功能项目上可见。

另一种次要设计选择是我喜欢的是每列特征列如何增加到先前的专栏。 “Pro”计划的列指出,它提供了标准计划中的一切以及一些额外的功能。

有时这可以抛弃游客,这些游客不会密切阅读,因为他们可能会透明地亮过这篇文章。但这是节省空间并保持表格清洁的好方法。

08-Pricing-Table-Lookback

 

9. Buzzsumo.

虽然设计有点基本,但我必须说 Buzzsumo定价表 做了很多事情。每月/每年的计费交换机都处于清晰的视野中,您甚至可以通过切换到年度结算来确切地查看您的保存。

他们的功能列表感觉到一个Tad拥挤,但它非常简单。每行使用悬停信息功能,并使用工具提示解释每个功能意味着什么。

这是我唯一的抱怨是页面的美学。如果具有更多边界或斑马条纹的特征在更大的表格中连接到较大的桌子,则看起来更好。但是UX很棒,这就是定价页面上最重要的事情。

09-buzzsumo-pricing-table

 

10. Litmus.

电子邮件测试套件Litmus已经存在多年,这是电子邮件通讯的De-Facto选择。他们的 定价页面 不是太详细,但它提供足够的潜在买家。

它们通过突出一个特定计划从其余的计划中突出一个特定计划来使用“最受欢迎”的标签趋势。这是一个很好的设计选择,并鼓励更多地注册中级计划在更便宜的方面。

但我真的喜欢你每一行的空间量。该功能在页面上解释,一些功能甚至具有更详细的内部页面。

用清洁的文字,坚实的边界,和 大量的空白,这个定价表是我列表中最务实的设计之一。

10-litmus-email-pricing-table

 

11.条纹

条纹的定价页面 非常简单,甚至甚至呼叫这个完整的定价表。但它设计得很好,我刚刚在这里将其包含在内。

任何定价表的目标是与潜在客户分享信息,并将这些人转换为支付客户。 Stripe的设计提供了两个非常明确的付款计划:直接付款或更大的企业设置。

调查条纹的人不会落入 分析瘫痪 试图在五个不同的计划之间进行选择。该表很快读取并提供一种简单的方法来计算成本。

但如果您喜欢此表设计,您可以构建类似的定价表并将一个或两个计划扔进混合。

11条纹定价 - 页面