实战 | 手把手教你优惠券的设计

优惠券是一种重要的促销手段，可以显著的提高商品的转化率，常见的优惠券有满减券、满赠券、代金券、优惠玛、通用券，互联网金融里面还有加息券等。

1、优惠券的流程

1.1、创建优惠券

包括优惠券的面额、派发的用户类型（是注册用户，还是N天内未登录的用户，亦或是从那个渠道过来的用户），发放形式（系统派发还是用户手动领取），派发的起止日期（券都是有成本的，不能一直派发下去），券的种类（满减券、满赠券、代金券、优惠玛、通用券等），使用条件（可叠加使用，还是每次只能使用一张？），用户领取后的有效期，使用时间（是无使用时间，还是限制必须在什么时间段内使用），发放的数量（需要从成本角度考虑发放多少数量），备注（后台人员备注信息）。

1.2、使用

用户在下单界面如何选择优惠券，是默认给他选择金额大的，还是默认给他选择先到期的，是弹框的形式展示，还是进入到次级页面展示？是只能选择一张，还是说可以叠加使用？这些都是设计的时候需要考虑到的。

1.3、数据统计

使用完成之后，需要进行数据统计，从不同的纬度对数据进行分析，首先是看使用优惠券以后，订单的转化率比没有优惠券使用的时候，提高了多少，其次核算一下优惠券的成本是多少，以及给公司带来的利润比没有优惠券的时候提高了多少，只要提高的利润能cover住优惠券的成本，那优惠券的发放就是值得的。

2、实战

那我举个实际例子，看一下优惠券的前后台如何设计。

2.1 设计需求

用户注册平台以后，自动给用户发放一个满减券，来促使用户在平台发生第一次*行为。

2.2 优惠券使用流程图：

（可点击查看大图）

2.3 新用户登录成功后页面领取满减券

需求描述：用户注册成功后领取满减券

前置条件：新用户注册成功*入首页

后置条件：用户可以领取满减券

功能需求：

判断手机号是否第一次注册，若果是，注册成功后自动弹出框并送一张优惠券到用户我的优惠券中,可立即使用，如果不是，就不送。

2、点击“立即使用”进入全部商品列表页

3、弹出框居中显示，只显示平台所发放的优惠券，多展示5个

4、优惠券列表排列规则

一级排序：面额大的排在前面

二级排序：到期时间短的其次

5、点击叉号可以关闭弹框

2.4 优惠券使用

2.4.1 确认订单

需求描述：确认订单页面展示内容

前置条件：用户进入确认订单页面

后置条件：用户可在确认订单页面使用优惠券

功能需求：

一、有优惠券可用时

1、自动判断当前账户是否有优惠券，如果有优惠券，默认选择面额大的那一张

2、也可选择不使用优惠券

3、可重新选择其他可用优惠券

4、每个订单只能使用一张优惠券

二、当没有优惠券可用时显示“没有可用的优惠券”

三、使用优惠券后商品总价自动扣减

2.4.2 选择优惠券页面

需求描述：用户选择优惠券

前置条件：用户点击选择优惠券

后置条件：用户可选择优惠券

功能说明：

一、选择优惠券列表排列规则

a、优惠券列表展示全部优惠券

b、面额大的排在前面

c、到期时间短的其次

d、到期时间相同，按照发放的时间先后排列

e、多显示5个，超过可上下滑动

f、优惠券不可叠加使用

二、点击按钮，选中后直接跳转到确认订单页

三、达到使用条件的亮色显示在前面，没达到使用条件的优惠券为灰色显示，不能点击选择，排在后面。

2.4.3 已完成订单详情

需求描述：订单详情页展示使用优惠券的效果

前置条件：用户使用优惠券完成*

后置条件：用户可在订单详情页查看优惠券使用情况

优惠券使用详情展示如上图。

2.5 我的优惠券

2.5.1 个人中心优惠券列表

需求描述：可在个人中心查看自己的优惠券情况

前置条件：用户进入个人中心的优惠券列表

后置条件：用户可查看自己的优惠券情况

功能说明：

一、优惠券列表排列规则

a、面值额大的排在前面

b、到期时间短的其次

c、到期时间相同，按照发放的时间倒序进行展示

二、平台券:点击“立即使用”进入全部商品列表页。

三、没有优惠券页面展示情况

1、当没有优惠券的时候，显示当前没有可用优惠券,“已失效优惠券”栏不显示

三、失效优惠券展示

1、有“失效优惠券”时，失效优惠券栏显示，内容显示在下面。如下图：

2.6 优惠券使用规则

需求描述：优惠券使用规则页面介绍

前置条件：点击查看优惠券使用规则

后置条件：可查看优惠券的使用规则

功能说明：

优惠券规则页面使用H5技术开发，文案内容可做到随时调整。

当然平台运营的时候肯定不止发这一类型的优惠券，这里只做思路展示。