4000-888-103

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

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

2019-11-28 00:00:00

1.jpg
  
b1.png

案例:寻找四大侠

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

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

亮点:

1、创意定位

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

 

2、 策划逻辑

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

 

①漫画视频

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

 

②守护村医

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

 

3、设计上

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

 

4、交互上

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

 

5、技术上

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




c1.jpg
关键词:h5系统页面 h5网站设计 h5页面分享工具
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png