许多商家在卖东西或者卖服务的时候都会推出一些套餐让客户选,套餐的表现形式怎样设计最好呢?厦门网站设计在这边推荐几个。
但随着运行的定价表这么多的网站,他们可以得到一点点过时。
这些设计都是一些最好的我发现用新鲜的潮流,配色方案,并鼓励用户互动清洁体验。如果你设计一个自定义的价格表页面,然后这些设计肯定给你一些很酷的想法。
1.陵
托管的SaaS搜索产品Algolia有一个干净的 定价页 有材料的设计风格和丰富多彩的图标设计。
每一列使用不同的颜色在标题中脱颖而出,创建对比度。该表是非常简单的,因此信息很容易一目了然消耗。
通常,你会发现注册按钮在每一列的底部,但Algolia使用一个大的CTA桌子底下。这使得它更干净,减少了需要复制到多个列的按钮。
2.斯莱克
该 松弛定价页面 也与标签左手功能柱相当独特。您可以在许多其他价格表发现这一点,但并不总是这样的流畅的设计。
每一行使用复选标记,以显示其功能覆盖每个计划。这些行是超级宽敞,头部甚至使用浅灰色的背景,以建立便于撇对比。
且不说他们使用看起来棒极了,真正使内容容易消耗的字体。
3. SYMU
我从来没有见过变灰功能于一身的价格表,但 Symu 使这项工作。每列都有放在正上方的功能列表显示你多少与每个计划得到一个小的进度条。
这抓住你的注意力迅速和灰显的功能也吸引您的眼球。
我与浅灰色字体的问题是,它是很难读。潜在的买家可能不知道他们错过了什么精彩与自由的计划,所以他们不得不读“团队”一栏清楚地看到在一个列表中的所有功能。
但视觉去除这些功能用打火机字体 意味着稀缺,销售和市场营销的利器。
4.数字海洋
该VPS服务数字海洋有自己的 旋转定价表 ,因为他们提供这么多不同的计划。
所以是有意义的密切留意这些最右边的新访客将开始与图便宜。但是你可以点击,或刷卡,通过列表来浏览更多的权力和存储空间的价格较高的计划。
我喜欢的另一个特点是“创建帐户”按钮只显示所选计划。此提请您注意,一个计划,这样你就可以对邻国进行比较,看看什么最适合你。
5. USABILITYHUB
在定价表 UsabilityHub 有悬停细节各功能的漂亮的设计。不同的帐户,让你运行不同的测试,但新用户可能并不了解这些测试的价值。
如果你将鼠标悬停每个功能旁边的信息图标,你会得到关于这意味着什么,为什么它是有用的详细信息。有些人只是功能,如A / B测试,而其他像团队的支持或自定义品牌帐户设置。
对于更大的团队列当您添加更多的人到这个计划,你会还可以自动发现每月报价上涨。这是伟大的谁想要估计成本并获得快速估算软件开发团队。
6.优化研讨会
优化车间 采用了大量的品牌和自定义图形定价页。这可能不是直接添加到表本身,但它添加到页面的氛围。
其主要特点我在这个设计中喜欢的是内置每月/每年的价格开关。你会经常看到这些定价页面,但它们通常来说太小了。这给观众的定价虚假的安全感,因为初始价格可以便宜投假设用户想要的年度计划。
有了这个价格表,你可以清楚地看到你每月得到什么,以及如何将每月和每年的成本之间的比较。
7. AIRTABLE
下面是一个使用鲜艳的色彩来吸引注意另一种设计。该 Airtable定价页面 使事情变得简单,并试图立即提请您注意价格。
如果你看一下右边的桌子上面,你会看到相同的每月/每年开关。看看它是如何足够微乎其微一目了然完全错过?这对销售很不错的技巧,但它不是很大从UX的观点。
此表的最好的部分是添加到每一行悬停效果。你可以只是徘徊找出哪些计划,提供您需要的东西了解每个功能。
8.回望
另一个表的设计与悬停信息 的回望。你不会找到的每一行上悬停提示,但它是最复杂的特征项是可见的。
另一个小设计选择我喜欢是如何的特征的每一列增加了到前一个。对于“专业”的计划列指出,它有一些额外的功能以及提供标准计划的一切。
有时,这可以甩开谁不专心地看观众,因为他们可能这段文字掩饰。但它是一个伟大的方式,以节省空间,并保持你的表干净。
9. BUZZSUMO
虽然设计有些基本的,我不得不说 BuzzSumo定价表 做了很多正确的事情。每月/每年的计费开关处于明确的说法,你甚至可以清楚地看到你会多少改用年缴保存。
他们的功能列表拥挤的感觉一点点,但它很简单看一遍。并且每行使用带有提示解释每个功能意味着悬停信息功能。
在这里,我唯一的抱怨是页面的美感。它会看起来更好,如果连接到更多更大的表具有更多的边界或者是斑马条纹的功能。但UX是一流的,这就是最重要的事情定价页面上。
10.石蕊
电子邮件测试套件石蕊已经好几年了,它的电子邮件通讯的事实上的选择。他们的 定价页面 是不是太详细,但它的潜在买家提供刚够。
他们使用突出一个具体的计划,从脱颖而出的“最流行的”标签的趋势。这是一个设计选择是运作良好,并鼓励更多的注册等为中档,计划在便宜一点的。
但我真的很喜欢的空间,你每行获得的金额。该功能在页面上解释权利,某些功能甚至有更详细的内部网页。
用干净的文字,扎实边框和 大量空白的,这个价格表是我的列表中最务实的设计之一。
11条
条纹的定价页面 是难以置信的简单,它是很难甚至称这是一个完整的价格表。但它是如此精心设计的,我只是必须包括在这里。
任何价格表的目的是分享与潜在客户的信息,并把这些人转变成付费用户。条纹的设计提供了两个非常明确的付款计划:直接支付或大型企业设置。
人们寻找到条纹不会陷入 分析瘫痪 尝试五种不同的方案之间进行选择。该表是快速阅读,并提供一个简单的方法来计算成本。
但是,如果你喜欢这个表的设计,你可以打造出一个类似的价格表,并抛出一个或两个以上的计划进入组合。