滴滴出行:安全带了没

2016-11-19 H5案例分享 H5案例分享
滴滴出行:安全带了没

案例:安全带了没

出品:滴滴出行

亮点:

  1. 创意上,以“安全带了么”为主题,一语双关,用7组数据和安全带动画,展现系安全带的重要性,全程有品牌露出,最后,还有送礼活动。
  2. 设计上,采用黑白风格,用“安全带”动画显示数字,清爽干净,让人在赏心悦目中触目惊心;主题用黑底红字着重展现,更加醒目突出;
  3. 交互上,每一组数据,都需要用户去点击“安全带”扣,触发数字和动画,虽然交互次数多,但小五的目光一直被牵引到最后;
  4. 体验上,流畅、清爽、干净,让人在清新、轻松交互中感受到了“滴滴出行”的用心,了解了安全带的重要性,下次小五出行,一定记得啦~



技术实现: Zepto + CreateJS


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

识别图中二维码

安全带了没-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

滴滴出行:你,有什么资格睡觉?

滴滴出行:皇上去哪了?

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~