滴滴代驾:#零酒驾城市#全景图

2020-10-05 H5案例分享 H5案例分享
滴滴代驾:#零酒驾城市#全景图


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

识别图中二维码

#零酒驾城市#全景图-查阅二维码

完整欣赏此案例大约需要1分27秒


案例:#零酒驾城市#全景图

品牌:滴滴代驾

技术实现: jQuery + CreateJS + TweenMax

亮点:

1、创意定位

滴滴代驾出品的零酒驾城市H5,介绍酒后不开车,可以选代驾。

 

2、策划上

① 加载页是零酒驾城市里距离牌,到从100km到0km后,进入首屏,首屏中展示公安部交通管理局给出的2019年上半年酒驾醉驾的数据,和因酒驾醉驾导致的交通事故数据;而且介绍了2020年啊全国50+城市,共同参与发布《中国城市酒驾形势指数》;点击首屏中的小手图标,进入一镜到底页面;

② 在一镜到底页面中,展示各种拒绝酒驾宣传,开始是一位男士为主角,去参加朋友聚会,在吃饭中饮了酒,而后席间另一位男士离开;此时通过一辆代驾汽车,串联后面内容;一镜到底页面的底部,是拒绝酒驾,平安出行的呼吁,点击“守护我的城市”按钮;

③ 点击“守护我的城市”按钮后,是一张地图,再次点击“点亮我的城市”按钮,弹出城市选择弹出层,默认有12个省市,没找到你的城市,可以选择其他,将会出现下来列表,可以在下来列表中选择,确定后,需要输入昵称(限5个字以内),点击“生成海报”按钮,将会生成海报;也可以重新选择城市。

 

3、设计上

配色比较轻快,卡通扁平画风。

 

4、体验上

一镜到底的了解零酒驾城市,很好的宣传方式,最后还有#零酒驾城市#的微博热搜引导,可以多平台互动。





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

标签

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

相关推荐:

网易文创 + 滴滴顺风车:蔡国庆带你开心过国庆

滴滴公益:用你里程 助他启程

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~