长江日报X九派新闻X认识武汉:怎么能在一堆垃圾面前认怂

2019-07-29 H5案例分享 H5案例分享
长江日报X九派新闻X认识武汉:怎么能在一堆垃圾面前认怂


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

识别图中二维码

怎么能在一堆垃圾面前认怂-查阅二维码

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


案例:怎么能在一堆垃圾面前认怂

品牌:长江日报X九派新闻X认识武汉

亮点:

  1. 创意定位

“长江日报”联合“九派新闻”,“认识武汉”,共同出品的学习垃圾分类的H5作品,用户在作品中挑战尽快将十个物品放进对应垃圾箱,生成结果海报,以此提高对垃圾分类的掌握能力。

 

  1. 策划逻辑

加载完毕后,有两个板块可选择①用户可以点击“小知识”,查看垃圾类别的定义,和分类小诀窍②点击“开始”,进入挑战,方法如下:左上角有计时板,垃圾袋公仔每次拿出一个垃圾,用户点击相应垃圾桶,若点击正确,垃圾会进入垃圾桶,若点击错误,用户点击的垃圾桶上会出现红叉,需要再点击其他垃圾桶直至正确,累计正确十次后,游戏结束,生成结果海报,海报包括一个四字总结词,游戏用时,和一句玩笑语,以及出品方和游戏二维码。

 

  1. 设计上

卡通简约风格,可爱的黑色塑料袋小公仔是游戏的主要人物,会在加载时招手,以及游戏时拿出垃圾,页面背景以饱满的黄色,和白色为主,垃圾公仔拿出的垃圾是实物图,比较小巧,作品整体看起来清新可爱。

 

  1. 体验上

加载流畅,操作简单,点击错误后可以再次点击直至正确,可以让用户清楚明白到底塑料袋公仔拿出的物品属于什么垃圾,“小知识”中总结的小诀窍还是挺简短好记,挺实用的。



技术实现: html5



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

标签

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

相关推荐:

WWF:你发现TA了吗?

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

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~