滴滴出行：欢乐出发，安全到家

2017-02-16 H5案例分享 H5案例分享

案例：欢乐出发，安全到家

出品：滴滴出行

亮点：

策划上，图文类案例。滴滴出行同欢乐喜剧人推广案例，案例恰逢春节出行高潮时期，上欢乐喜剧人号“鸡车”把欢乐和安全带回家。案例以滴滴小人物驾驶鸡车车头开始，向右滑动会依次出现不同的车厢，里面的各个喜剧大咖会为您带来“安全助行词”。最后鸡车还会下蛋赠送您滴滴出行红包。
设计上，矢量漫画 + 真人拍摄形式。每一节车厢都有自己的颜色基调，颜色丰富，搭配协调，整个画面很充实，主要的颜色和图像集中在中下部，上部只有白蓝两个颜色，更好的推出了文案。
体验上，案例以横向长屏的形式展示，通过向右滑动的方式观看案例。滑动过程十分流畅，不卡顿，每一屏的动画效果都十分有意思。不过小编想再划回去看以前的好像不行呢~

技术实现： jQuery + Canvas

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

识别图中二维码

欢乐出发，安全到家-查阅二维码

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

标签