答答星球:垃圾分类大作战
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例:垃圾分类大作战
品牌:答答星球
亮点:
- 创意定位
支付宝答答星球推出的垃圾分类小游戏,用户在作品中将传送带上的垃圾拖入相应垃圾桶,根据得分生成自己的测评结果海报,海报包括用户对四大类型垃圾分类的掌握能力,和“答答星球助你变学霸”的宣传语,用户可以重新玩游戏,分享作品或点击登录“答答星球”。
- 策划逻辑
总共有三个阶段①导入,一位男生探头探脑的的拎着俩垃圾袋来到分类垃圾桶前,突然垃圾桶前跳出四位爷爷奶奶,穿着与垃圾桶颜色相同的传统服饰,拿着带有垃圾分类标志的扇子,等他们摆好造型后,点击“开始挑战”进入游戏。②游戏,俯视角度的传送带,四位老人坐在相应垃圾桶旁,屏幕上方是初始分数0分和三颗心,把传送带上的物品放入相应垃圾桶,正确了加两分,错误了扣掉一颗心,三颗心扣完则游戏结束,点击传送带上偶尔出现的“答答星球”标志可加一颗心。③结果海报。答题结束,生成海报,包括四位老人的造型图旁对用户垃圾分类能力的测评结果,垃圾类型名称,和答答星球宣传语。用户可保存海报,转发,或重新玩耍,其中,转发可帮助用户获得更多“补考”机会。
- 设计上
简单的手绘图,四位老人的衣服,扇子标志都与垃圾桶颜色对应,造型也很到位,精神矍铄,在分类时根据用户分类结果的正确与否会有相应音效,“干垃圾湿垃圾给猪吃吃就知道了”等,给紧张的游戏增加了搞笑氛围。
- 体验上
传送带上东西很多,一时还真搞不太清是哪种垃圾,垃圾分类看似简单,涉及到具体物体还是要好好补习功课的,快上答答星球,提前做好垃圾分类知识普及,才能在实际操作中不手忙脚乱哦!
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号