滴滴出行：你知道自己有多努力吗

2016-07-07 H5案例分享 H5案例分享

案例：你知道自己有多努力吗

出品：滴滴出行

亮点：

策划上，测试类。首先输入手机号和收到的验证码来登录，滴滴的这个H5会根据用户的历史记录来给出数据。“日历”部分给出你一年中加班的天数，“闹钟”部分显示一年加班的分钟数，“报销单”给出车票数和垫付费用。最后便是“滴滴企业版“的宣传。
设计上，模拟的办公工位作为背景，办公桌上的日历闹钟报销单作为显示模块，这个创意蛮赞的，并且看到这张桌子想必就能引起N多人的共鸣。字体与排版很好看，动画效果也很棒很流畅。背景的钢琴曲好暖心，单曲循环ing…
推广上，通过用户数据和大数据作对比，引起上班族的共鸣，进而宣传滴滴企业版APP,小编认为是个很不错的idea，起码小编为了提高“加班数”，已经在重新下载滴滴了，此刻的表情是蒙娜丽莎的微笑，请自行脑补。

技术实现： TweenMax(动画框架) + jQuery

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

识别图中二维码

你知道自己有多努力吗-查阅二维码

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

标签