中国人口福利基金会X复兴基金会X腾讯新闻X艾洛互动 :寻找四大侠

2019-12-18 H5案例分享 H5案例分享
中国人口福利基金会X复兴基金会X腾讯新闻X艾洛互动 :寻找四大侠


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

识别图中二维码

寻找四大侠-查阅二维码

完整欣赏此案例大约需要4分20秒


案例:寻找四大侠

品牌:中国人口福利基金会X复兴基金会X腾讯新闻X艾洛互动

技术实现: jquery + createjs + hammer.js +video

亮点:

1、创意定位

乡村医生与腾讯新闻等联合出品,献给无私奉献的乡村医生的礼物,传颂高尚精神,增加用户对乡村医生这个特殊群体的了解,促进相关健康扶贫项目的发展。

 

2、 策划逻辑

互动视频类H5,作品主要有两个环节:

 

①漫画视频

视频内容是“桃花岛”爆发瘟疫,村民拜托“你”去寻找四大侠拿到四个宝物拯救村民,“你”踏上征途,途中帮黄药师治好香港脚,得到青铜酒杯;帮黄蓉弄下黏在手上的打狗棍,得到木牌;帮杨过治疗伤口,得到羽毛;帮虚竹生发,得到信物。每次救人时,有三个选择,需要用户在屏幕上点击出正确的治病方法,最后回到桃花岛,用四样宝物启动神秘门,解除瘟疫。

 

②守护村医

视频的最后一帧是四大侠同时出现,然后外貌逐渐变成四位医生,背景变为大山景象,讲述乡村医生精神的文字逐渐浮现,最后是“乡村不病,中国健康”的宣传海报,用户可点击“守护村医”查看详细介绍。

 

3、设计上

武侠风格的视频漫画,救人时画风会变得Q萌可爱,用大侠比喻赤脚医生,行侠江湖拯救生命,非常贴切。

 

4、交互上

每次救人时会出现三种治病方法,若是选择错误会被斥责,然后重新选择,选择正确则继续播放。

 

5、技术上

案例整体是一个3分22秒的mp4格式的视频,把故事过程、选项、每次选项后的结果视频,都做在一起,是一个视频,通过播放到不同的位置循环(每次救人选项时,2秒无限循环播放);或用户的选择,快速跳转到对应时间点,而后播放选择结果。





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

标签

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

相关推荐:

腾讯游戏:误入桃花岛

植物医生:一不小心美了70年

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~