APP推广合作
联系“鸟哥笔记小乔”
实战 | 手把手教你设计优惠券前后台
2021-09-08


最近有小伙伴咨询我优惠券如何设计?今天就实际举个例子来告诉大家优惠券如何设计。

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

鸟哥笔记,产品设计,产品刘,产品机制,功能设计

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技术开发,文案内容可做到随时调整。

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


后台

因为每个公司的具体业务不太一样,这里的后台设计只作为一个参考。

1、新建优惠券

鸟哥笔记,产品设计,产品刘,产品机制,功能设计


新增字段

字段名称

字段类型

是否必填

字段说明

优惠券名称

文本

最多输入5个汉字,10个字符

派发账户类型

文本

选择框,选择的类型有【所有用户】、【首次注册的用户】、【N天内未登录的用户】

派发起止日期

文本

选择派发的开始时间和终止时间,精确到日期

券的种类

文本

这里面只以满减券举例子,你也可以设置其他券供选择,满减券中满XX金额减XX金额,默认为整数

比如1代表满减券、2代表加息券等

有效期

整数

显示券的有效期,以获取的时间加上有效期的时间就是券的有效时间,比如7月9号领到的券,则7月10号的24点后失效

使用时间

布尔

无使用时间限制,则任何时间都可以使用
当点击有使用时间限制的时候,则出现时间的选择器,如图所示:鸟哥笔记,产品设计,产品刘,产品机制,功能设计

如果开始时间没有选择的时候,默认是从创建时间开始

发放数量

整数

显示发放多少张的券

备注

文本

针对此批优惠券进行备注,最多30个字符

状态

布尔

【启用】还是【停用】,新建的时候默认是【启用】

当有一个必填项为空时,“提交”按钮置灰,不可点击。有的时候还限制优惠券使用哪些商品,这里没有体现出来,想更加深入思考的小伙伴可以自行设计一下。


2、优惠券列表

鸟哥笔记,产品设计,产品刘,产品机制,功能设计

1、列表内容:对优惠券的列表进行管理;

2、用户进入这个页面默认把所有未过期的优惠券批次信息展示出来;

3、列表排序:按照最近更新的时间倒序进行排列;

4、列表查询字段

查询字段

查询类型

查询说明

券的种类

精准查询

如果你有多种券的话

状态

精准查询

“启用”和“停用”两种状态

券的名称

模糊查询

根据优惠券的名称进行模糊查询

派发日期

区间查询

选择派发的起止时间,进行区间查询

使用日期

区间查询

选择使用的起止时间,进行区间查询

5、列表输出字段

字段名称

字段类型

是否必填

字段说明

选择框



可以全选,也可以单选

优惠券批次ID

字符串

优惠券批次ID规则:两个大写的英文字母+5位随机数

优惠券名称

文本

优惠券的名称,比如:“新人注册优惠券”

派发起止时间

时间点

派发起止时间精确到小时

使用时间

时间点

格式:YYYY-MM-DD,当无时间限制的时候,则显示“--”

过期时间

时间点

格式:YYYY-MM-DD

状态

布尔

可以使用用“√”展示,不可以使用用“×”展示

最近更新时间

时间点

新增的时候就是创建的时间,修改的时候就是修改的时间,启用和停用的时候显示的是修改的时间

6、点击“新增优惠券”按钮和“修改优惠券”按钮,弹出编辑页面,点击“启用”和“停用”的时候,Toast(3.5秒)提示:“启用成功/失败”、“停用成功/失败”,如下图:


鸟哥笔记,产品设计,产品刘,产品机制,功能设计


鸟哥笔记,产品设计,产品刘,产品机制,功能设计


3、优惠券跟踪


鸟哥笔记,产品设计,产品刘,产品机制,功能设计

具体规则我在这边就不写了,主要是跟踪每张优惠券的使用情况。

总结:是不是我们把功能做完就行了?当然不是,我们还需要统计一下一共使用了多少张的券,总的成本是多少,以及相比于没发新用户满减券的时候,转化率提高了多少,提高的这些转化率长期来看有没有提升产品的销售额。

时间仓促,设计上可能会有点遗漏,大家可多多指正。


-END-

产品刘
分享到朋友圈
收藏
收藏
评分
评论

综合评分:

我的评分

参与评论(0)

评论规则

暂无评论,快来抢沙发吧~
登录后参与评论
发布评论

鸟哥笔记限定畅饮吸管杯600ml
超大容量,让你爱上喝水
2000羽毛
立即兑换
【新品】办公/外出两用静音充电小电扇
办公桌必备小电扇!
2000羽毛
立即兑换
超级nice便签砖
超级超级超级奈斯!
1000羽毛
立即兑换
产品刘
产品刘
互联网产品干货铺
确认要消耗 0羽毛购买
实战 | 手把手教你设计优惠券前后台吗?
考虑一下
很遗憾,羽毛不足
我知道了

为了促进广大用户对鸟哥笔记网站的干货文章做出更加客观、真实、优质的评论,为其他读者在学习干货时提供参考,特地制定本评论规则。

一、什么样的评论内容会被通过

15字以上的、基于文章内容的优质评论。

二、什么样的评论内容不会被通过

1、15字以下的评论;
2、“已阅”,“1”,“11”,”666”,“学习”,“学习了”等明显划水的内容;
3、重复评论,即在多篇文章下面发布同样的内容;
4、带广告性质的内容(含网址、电话、微信等);
5、评论内容与本文无关的;
6、带诋毁,辱骂,色情,赌博、暴力等不符合社会主义核心价值观的内容,及一切法律法规不允许的内容。

最后,你的评论在审核通过的同时,还可以获得5羽毛的奖励,羽毛可在 "羽毛精选" 兑换各类小礼品哦~

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接