Raye Cheung's profile

Dining Pass: Coupon information structure

Goal:
Refine the core information of Dining Coupon, Enhance the usability.
Before: too many information in different pages
 
References: Boarding Pass
Sketches:
Stage 1:
Stage 2:
具体交互:
以iOS passbook为样例
1.相同订单的消费码聚合到同一个pass;同店不同商品以不同pass聚合到共同section;
2.正面右上角:有[有效的已预约时间]时显示预约时间,没有成功的预约显示有效日期的[最后一天]。
3.份数读取当前可用消费码的数量
4.支持预约的deal提供预约按钮,显示规则与线上目前预约按钮规则一致
5.点击图片右下角 [i]按钮翻到背面,信息为 menu和使用须知
6.点击背面完成回到正面
 
 
Final design
Final design
Color Scheme of Pass
Products Marks:
Sketch
Poducts Marks
Dining Pass: Coupon information structure
Published:

Dining Pass: Coupon information structure

2014

Published:

Creative Fields