App Coupon 功能设计

需求概述:

国际物流询价平台的订单页原有优惠码输入环节。新增需求为增加优惠券的汇总页面,并在订单页新增已拥有的优惠券选取功能。

用户体验流程分析:

原流程:

修改后流程:

竞品调研:

调研市场上Coupon功能的展示形式,选取了美团App、喜茶小程序、优惠券平台Groupon、香港万宁线上商店,以及Pinterest的相关图集作为参考。

一开始选取的内地平台作为流程参考,发现内地的优惠券功能不突出优惠码功能,其操作路径为:

内地平台多在 我的-优惠券 页面中进行兑换券码输入兑换,并保存优惠券至优惠券包。在订单页面使用优惠券时,仅展示已拥有的优惠券。

而通过对境外平台的调研(如万宁线上商城)及产品原有流程,发现境外用户的操作逻辑为在订单确认页面的优惠券功能,存在输入优惠券码的功能,而保存的优惠券实际为保存了优惠券码,提供的是将保存的优惠券便捷填入优惠券码栏位的功能。

美团 App 卡券包:兑换卡券码及失效卡券均折叠在二级菜单
Mannings 线上商城卡券包:顶部关键区域放置优惠码兑换框。每张优惠券实际为保存的券码

需求分析:

作为一款面向国际多地区的用户的平台,需要在用户习惯上考虑到多地区的差异,并融合进一个新的流程。

在本次项目中,在订购流程保留了卡券码兑换框,但是弱化卡包中保存的优惠券码概念。

设计:

在用户个人页面折叠展示多张卡券,用户点击 Apply 将引导用户前往查询报价页面
在订单页面的使用优惠券页面,使用了优惠券兑换框,在用户选中下方的优惠券时自动填充优惠码至 Coupon Code 字段
移动版实现