WWF:海宝图

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要7分钟
案例:海宝图
品牌:WWF
技术实现: html5
亮点:
- 创意定位
6月8日是世界海洋日,WWF推出海洋环保作品,分版块向用户阐述海洋保护的必要性,和日常应该遵守的保护行为,传达海洋世界里的美好景象,号召用户一起保护珍贵的海洋环境和海洋动物。
- 策划逻辑
打开作品后,美丽的海底景象作为背景,有四个版块供用户选择,详情如下:
①海洋打工人
有四个小游戏,“踏浪寻宝”是用户点击沙坑,记住坑里的小生物,前后点击出两个一样的即可解锁相应海报,了解动物习性,被解锁的动物就在屏幕上不消失了,以此游戏难度逐渐降低直至解锁所有海报即可过关。“捕鱼高手”是让用户点击网孔较大的渔网去捕鱼。“净滩先锋”是让用户点击消除海滩上的塑料制品。“保卫珊瑚”是让用户点击排污水管,异生物,潜水员,渔网,让珊瑚越来越多以此完成挑战。四项挑战都完成后用户会收获合格海洋打工人海报。
②海洋照相馆
打开后,是规整排列的照片和简介,点击打开照片可以查看大图。也可点击上方“地图”查看海洋环保准则,包括可持续旅游方式,可持续海鲜,支持海洋保护地,减少一次性塑料,画面与“海洋打工人”的主题界面一样。最后用户可上传自己拍的海洋照片参与活动。
③海洋音乐馆
用户打开后可浏览TEM腾讯音乐艺术节详情,包括出演人员,保护海洋的主题解析,艺术展,海洋图片征集精选等。
④淘宝图鉴
点开后是海洋保护动物序列图,用户可任意点击查看详情,包括动物名称,濒危指数,手绘主图,动物简介和威胁来源。
- 设计上
作品用四个版块从人类行为,海洋互动,音乐倡导,和濒危动物四个方面全面介绍了现在的海洋状况,在游戏中模拟环保行为,捡垃圾,观察动物,停止排污,增大网孔等,细致明确的提出行为准则,倡导人们文明合理的使用海洋资源。对濒危海洋动物做了详细介绍,许许多多的图片罗列在一起,让人们在欣赏美丽海生物的同时,意识到海洋动物整体的悲观处境,和立刻实施保护海洋行动的势在必行。
- 交互上
作品汇总的海洋照片非常多,有手绘的图片,动物们的表情都很天真可爱,有人类拍摄的照片,用户可根据自己的喜好任意保存照片,和各种倡导海报。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号