滴滴快车：没钱是因为你还在贴票

2017-07-25 H5案例分享 H5案例分享

案例：没钱是因为你还在贴票

出品：滴滴快车

亮点：

策划上，图文展示类，① 先以夸张又真实的表现报销贴出租票时的繁琐；② 然后加上一个小游戏，增加案例的趣味性，让用户对于出租车票能够印象深刻；③ 最后尾页导出主题“电子发票不用拼手速”。

设计上，采用虚与实的结合，蓝色的背景与白色的线稿，再加上实体的人物让整个H5看起来有非常高的辨识度。

交互上，玩游戏时，需要先点击发票，当一排出现两个时发起点击操作，点击到破损发票时则游戏失败，手速跟不上，遗漏三次发票时，游戏结束。

技术上，里面的动画多采用的是CSS3的animation。

技术实现： JavaScript

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

识别图中二维码

没钱是因为你还在贴票-查阅二维码

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

标签