三七互娱:60秒挑战垃圾分类

2019-08-13 H5案例分享 H5案例分享
三七互娱:60秒挑战垃圾分类


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

识别图中二维码

60秒挑战垃圾分类-查阅二维码

完整欣赏此案例大约需要1分40秒


案例:60秒挑战垃圾分类

品牌:三七互娱

亮点:

  1. 创意定位

垃圾分类就是新时尚,在三七娱乐出品的H5小游戏中,可以锻炼垃圾分类能力,还可以获得环保小标兵称号哦!

 

  1. 策划逻辑

初始界面有健康游戏忠告,用户可直接点击开始或选择地区,挑战时间是60秒,屏幕上方每次落下一个垃圾,点击下方相应垃圾桶将其分类,正确得一百分,错误不得分,结束后显示结果海报,海报包括最后得分,和获得的称号“小标兵”“学渣”等,保存海报可以得知海报上的垃圾属于哪种垃圾。不同版本区别如下

①上海和广州版本,是一个钟面标志旁显示剩余秒数,“分类指南”是一个小图标加文字,用户点击错误垃圾桶时,会有个错误符号覆盖掉落的垃圾,然后垃圾会落至正确垃圾桶。  

②广州和其他地区版本,游戏时,上方有一个时间进度条,“分类指南”是手绘的小图标,用户点击错误垃圾桶时,正确的垃圾桶上会出现文字“XX属于XX垃圾”,然后垃圾会落至正确垃圾桶。

 

  1. 设计上

四个垃圾桶的颜色和样式跟生活中的是一样的,每次掉落的垃圾是手绘的简单图片,作品操作简单,目的明确——提高用户垃圾分类能力。

 

  1. 交互上

垃圾落下的速度是比较慢的,用户有充分的时间思考,但是一旦点击了,垃圾会迅速落至垃圾桶,不耽误有限的游戏时间,游戏过程中也可随时点击“分类指南”,阅读指南时倒计时是停止的,作品的知识普及性还是很高的。



技术实现: html5



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

标签

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

相关推荐:

网易新闻X AUTO LIVE! X Chevton:迷惑行为大赏

网易新闻X AUTO LIVE! X Chevton:迷惑行为大赏

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~