深圳市交通运输局:测一测你回家的难度系数

2020-01-21 H5案例分享 H5案例分享
深圳市交通运输局:测一测你回家的难度系数


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

识别图中二维码

测一测你回家的难度系数-查阅二维码

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


案例:测一测你回家的难度系数

品牌:深圳市交通运输局

技术实现: video + javascript

亮点:

1、创意定位

采用交互式视频剧情H5的形式,开篇视频分别用抢打车、挤公交、忘带证件这3件在春节赶高铁时遇到的囧事,体现了回家路途的艰难与温情;视频播放结束后,进入《回家登记表》的资料填写页面,最终生成用户的个性化“春节回家难度报告”,海报主要信息包括用户与家乡的距离,难度系数等。

 

2、策划逻辑

观看视频(可跳过),看完后填写用户春节回家的出行信息,直接生成一张精美海报,可长按保存并下载,便于转发、分享。视频内容及海报内容如下: · 反转视频(正向) 观看片头视频,主要关于赶火车的3件囧事,分别是抢不到的士、与乘客发生“爱”的火花和到了高铁站发现忘带身份证。其中,在放弃打车的念头后,见2人为让对方先上车,互相谦让;与乘客十指相扣后,两人难为情的微笑;发现忘带证件面临崩溃之时,人性化的功能让人倍感回家的幸福。 · 难度系数大比拼 视频放完后,出现春节回家的信息填写页,主要填写出发地、目的地(家乡),选择相应的交通工具,其中设置了人性化的创建自定义图片功能,将自己相册里的照片融入海报当中,生成的海报上会显示用户春运回家的难度系数以及相关填写的出行信息。并可长按保存并分享给微信好友或朋友圈。

 

3、设计上

页面设计采用精美的创意合成风格,色调温暖,以打印卡片纸的形式和效果呈现,配上3张精美的“年味”高清图片,供客户选择,同时点击图片还可以加入用户相册中的图片。





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

标签

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

相关推荐:

360手机助手:三娃回家

保利发展控股X网易新闻:带着窗花回家过年

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~