滴滴代驾:#零酒驾城市#全景图
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分27秒
案例:#零酒驾城市#全景图
品牌:滴滴代驾
技术实现: jQuery + CreateJS + TweenMax
亮点:
1、创意定位
滴滴代驾出品的零酒驾城市H5,介绍酒后不开车,可以选代驾。
2、策划上
① 加载页是零酒驾城市里距离牌,到从100km到0km后,进入首屏,首屏中展示公安部交通管理局给出的2019年上半年酒驾醉驾的数据,和因酒驾醉驾导致的交通事故数据;而且介绍了2020年啊全国50+城市,共同参与发布《中国城市酒驾形势指数》;点击首屏中的小手图标,进入一镜到底页面;
② 在一镜到底页面中,展示各种拒绝酒驾宣传,开始是一位男士为主角,去参加朋友聚会,在吃饭中饮了酒,而后席间另一位男士离开;此时通过一辆代驾汽车,串联后面内容;一镜到底页面的底部,是拒绝酒驾,平安出行的呼吁,点击“守护我的城市”按钮;
③ 点击“守护我的城市”按钮后,是一张地图,再次点击“点亮我的城市”按钮,弹出城市选择弹出层,默认有12个省市,没找到你的城市,可以选择其他,将会出现下来列表,可以在下来列表中选择,确定后,需要输入昵称(限5个字以内),点击“生成海报”按钮,将会生成海报;也可以重新选择城市。
3、设计上
配色比较轻快,卡通扁平画风。
4、体验上
一镜到底的了解零酒驾城市,很好的宣传方式,最后还有#零酒驾城市#的微博热搜引导,可以多平台互动。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号