滴滴：真的不用说谢谢

2017-11-24 H5案例分享 H5案例分享

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

识别图中二维码

真的不用说谢谢-查阅二维码

完整欣赏此案例大约需要50秒

案例：真的不用说谢谢

出品：滴滴

亮点：

策划上，滴滴推出的滴滴车票品牌宣传H5。横向滑动屏幕，通过四个身边小故事，讲述我们身边默默付出的人，第一个故事是买口香糖同事，自己没吃两颗，新买的口型糖就被其他同事一扫而光；第二个故事是一个胖女孩拍照时，总是有人想用她衬托自己；第三个故事是学校中经常帮舍友占座的同学，默默的付出；第四个故事是经常帮忙取快递的同事。我们生活中，有那么多默默付出的人，值得我们感谢，我们所得到的一切，都不是应该得到，我们应该心怀感恩、感谢。滴滴借感恩节，推出滴滴车票，可以买车票送TA人，也可以让TA人买车票送自己。
设计上，横向长图，卡通形象，卡通人物，每个形象和物体都加了黑色的描边。
交互上，一直向右滑动屏幕浏览，随着页面不断浏览，出现不同的动画效果；向左滑动屏幕，动画还可以收回。

技术实现： jQuery + tweenjs

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

标签