中国人口福利基金会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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号