H5案例 | 支付宝年账单来了

作为中国互联网巨头-支付宝，当然对于H5也不可能落下，作为年度账单的惯例，支付宝今年同样使用H5的方式来展现。小编就带大家来看看今年的支付宝H5案例吧！

案例：你的2019年账单来了

品牌：支付宝

技术实现： video + JavaScript

亮点：

1、创意定位

支付宝APP对用户在2019年全年总支出的总结，提供用户粘合度。

2、策划上

① 需要进入支付宝APP，在首屏顶部的搜索栏中，输入“2019年账单”，出现看到年账单Banner；

② 开始是一段2秒左右的视频，像是一个书架，逐步靠近，书架上有2019年支付宝年账单的书，点击查看，输出输入支付密码的提示，这个操作比2017年和2016年的支付宝年账单多出的步骤；

③ 展示的是你本人2019年支付宝数据，你和支付宝在一起多少天；花在哪方面的钱最多，是多少(我是实实在在的吃货，你呢？)；光顾了多少个老板的生意，支付了至少多少次；用支付宝办事，少跑多少趟；至少对几个外卖小哥说谢谢，几月份订餐多；低碳减排；支付宝的小程序与几个好友互动；小程序中的游戏活动；集过了几年的五福；2019年总支出（这里的总数可以隐藏不直接显示具体数字）和支出明细。在列出10个不同维度的数据后；

④ 为2020许下美好心愿，在许愿灯上飘着很多主题标签，点选其中的一个，生成自己的许愿灯。

3、设计上

手绘插画，画面很暖，画风与2017年很像。

4、体验上

案例中的数据因为与自己有关，所以乐意分享。小蓝的朋友圈，今天就被支付宝的年账单刷屏了~~