雪佛兰:一个车位引发的事件

2019-05-22 H5案例分享 H5案例分享
雪佛兰:一个车位引发的事件


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

识别图中二维码

一个车位引发的事件-查阅二维码

完整欣赏此案例大约需要2分钟


案例:一个车位引发的事件

品牌:雪佛兰

亮点:

1.创意定位

本案例由雪佛兰出品,利用剧情视频的方式,宣传新车雪佛兰科鲁泽,以增加知名度和销量。

 

2.策划逻辑

整个H5分为三段:第一段,视频。讲述了因为堵车而迟到的公司职员,好不容易赶到公司,却突然有只羊驼抢车位,一顿操作之后,车位就在眼前了。第二段,画线抢车位。第一段视频播放完毕之后,跳转出一个界面,画面中出现文字提示,需要在停车场中画出最短的停车路线就能抢车位成功。点击文字下方的“开始抢”按钮,进入画图界面,拖动画面中的一辆车与灰色的车比赛,看谁先抵达车位旁。第三段,抢车位结果公布。根据抢车位比赛,会出现抢车位成功和失败两个结果,抢成功了,视频再次出现老板与男主的对话,男主得到老板的嘉奖;失败则被老板拉黑。抢成功了,结束页面就是羊驼哭脸形象的痛快海报,抢失败了,结束页就是羊驼笑脸形象的不服海报,二者正中间都是抢车位耗费的时间,最下方有“再抢一次”、“邀请好友来战”和“还要更痛快的”按钮,点击第一个按钮,重新画图计算时间,点击第二个按钮,分享至朋友圈,点击第三个按钮,雪佛兰科鲁泽的宣传海报,下方还有“痛快试驾”按钮,点击出现个人信息的表单,填写之后提交即可能获得试驾机会。

整个视频播放过程中,右上角有“跳过”按钮,点击即可直达画图抢车位界面。

 

3.设计上

视频+动画抢车位,虚实结合,红、黑为主要色调,好看好玩。

 

4.体验上

视频紧凑,但是剧情亮点还不够突出。



技术实现: HTML5



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

标签

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

相关推荐:

雪佛兰:探界者探见千里江山

仙境传说:RO回忆录

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~