滴滴快车：我买了一辆车，然后…

2018-03-01 H5案例分享 H5案例分享

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

识别图中二维码

我买了一辆车，然后…-查阅二维码

完整欣赏此案例大约需要4分20秒

案例：我买了一辆车，然后…

出品：滴滴快车

亮点：

策划上，视频类，加载完毕，进入一段视频，时长4分4秒，这个视频以郝富贵为第一人称，采用自述的方式讲了帅气男主郝富贵想成为一名真正的高富帅，公司内惊鸿一瞥，郝Rich喜欢上了新来的妹子小芳，想了各种方法去追求小芳，最终决定砸锅卖铁买一辆车，来个浪漫邂逅。但是有了车后，小芳与他越来越远了…后来他算了一笔账（计算太复杂，小五脑容量不够了），知道了自己贫穷又沧桑的原因。视频结束，品牌漏出，滴滴快车，轻松上下班。
设计上，漫画风格，画面颜色丰富，给用户以冲击力。
体验上，对于H5中郝富贵的经历，小五表示同情，但又在意料之中，一环二环三环四环五环，早高峰，晚高峰，车位，保养…对比之下，滴滴快车的优势立显。

技术实现： jQuery+ preloadjs.js +video+canvas

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

标签