支付宝：2017支付宝年账单

2018-01-03 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

2017支付宝年账单-查阅二维码

完整欣赏此案例大约需要1分钟

案例：2017支付宝年账单

品牌：支付宝

技术实现： JavaScript

亮点：

策划上，以2017支付宝年账单为核心，展示了用户2017年在支付宝的消费记录，通过数据展示用户喜欢购买物品的种类，经常在哪家点餐，手机充值了多少次，多少出行记录，多少支付宝线下支付记录，最常光顾的线下店，获得过多少次奖励金，信用记录，贡献了多少爱心，参加了多少公益项目，为碳排放减少多少克，全年总消费金额（看到数字，自己都吃了一惊），还有本地区排名。最后还会给出一个年度关键词。
设计上，颗粒度漫画效果，每屏信息间过场动画变化很赞，大大增加内容可看性。
体验上，需要在支付宝APP下观看。毕竟看支付宝的数据嘛，也合情理。

微信端请复制下面内容

进入支付宝，就可以查看2017年账单了

2017支付宝年账单来啦#吱口令#长按复制此消息，打开支付宝，还可以预测2018哦！c灿灿cI瑞祥麒渲14并待

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签