答答星球:垃圾分类大作战

2019-07-15 H5案例分享 H5案例分享
答答星球:垃圾分类大作战


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

识别图中二维码

垃圾分类大作战-查阅二维码

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


案例:垃圾分类大作战

品牌:答答星球

亮点:

  1. 创意定位

支付宝答答星球推出的垃圾分类小游戏,用户在作品中将传送带上的垃圾拖入相应垃圾桶,根据得分生成自己的测评结果海报,海报包括用户对四大类型垃圾分类的掌握能力,和“答答星球助你变学霸”的宣传语,用户可以重新玩游戏,分享作品或点击登录“答答星球”。

 

  1. 策划逻辑

总共有三个阶段①导入,一位男生探头探脑的的拎着俩垃圾袋来到分类垃圾桶前,突然垃圾桶前跳出四位爷爷奶奶,穿着与垃圾桶颜色相同的传统服饰,拿着带有垃圾分类标志的扇子,等他们摆好造型后,点击“开始挑战”进入游戏。②游戏,俯视角度的传送带,四位老人坐在相应垃圾桶旁,屏幕上方是初始分数0分和三颗心,把传送带上的物品放入相应垃圾桶,正确了加两分,错误了扣掉一颗心,三颗心扣完则游戏结束,点击传送带上偶尔出现的“答答星球”标志可加一颗心。③结果海报。答题结束,生成海报,包括四位老人的造型图旁对用户垃圾分类能力的测评结果,垃圾类型名称,和答答星球宣传语。用户可保存海报,转发,或重新玩耍,其中,转发可帮助用户获得更多“补考”机会。

 

  1. 设计上

简单的手绘图,四位老人的衣服,扇子标志都与垃圾桶颜色对应,造型也很到位,精神矍铄,在分类时根据用户分类结果的正确与否会有相应音效,“干垃圾湿垃圾给猪吃吃就知道了”等,给紧张的游戏增加了搞笑氛围。

 

  1. 体验上

传送带上东西很多,一时还真搞不太清是哪种垃圾,垃圾分类看似简单,涉及到具体物体还是要好好补习功课的,快上答答星球,提前做好垃圾分类知识普及,才能在实际操作中不手忙脚乱哦!



技术实现: html5



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

标签

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

相关推荐:

搜狗APP:垃圾分类全国统一开始

电力少女颜究所

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~