优秀公益H5：宣传垃圾分类和关注留守儿童H5

公益一直都是社会中一个值得探讨的话题，现在的社会背景下，人们对公益宣传的呼声也越来越高。而公益宣传和现如今大火的H5页面结合起来，往往都会达到很好的宣传效果。接下来，蓝橙H5开发团队给大家整理了以下经典公益H5案例：

H5案例名称：无人知晓的第一名

H5玩法设计：真人视频H5

H5内容策划：中国现在还有很多大山里的孩子，这些孩子在日常求学时往往都是跋山涉水的，十分的不容易。腾讯公益倡导为大山孩子的求学之路提供帮助而出品了这款真人视频H5，通过真人视频的形式来记录三位求学小朋友每天徒步上学的日常，来倡导用户多多关注这些孩子，最后用户可在线捐助，为此情况的孩子们增加帮助力量。

加载界面是手绘的三个小孩在大山中向着学堂行走，下方是加载进度，加载完毕后是标题界面，和三个孩子的合照，合照中三个孩子都面带笑容。随后即进入视频页面，视频是真人的实景拍摄，从13岁的阿木凌晨4点起床开始，阿木带了热窝头后出发，屏幕从此开始会一直出现时间和步数记录，阿木5点路过依扎嫫家接了她同行，6点路过布吉家，三人一起走过山路，半路吃窝头补给体力，蹚过小河，走过田野和一段高速公路，到达升着五星红旗的镇上小学，此时步数已攀升至3万6千多步。

随后进入漫画页面，一幅手绘的简约线路图，一双小脚在图中小路上行走，到达重要途经点时停顿，出现此时的时间，步数，照片和三个孩子的情况概述。漫画结束后，是一段救助孩子的倡导语，点击“助力步数”可登陆捐助平台。

H5案例名称：垃圾分类

H5玩法设计：分类游戏

1.H5背景介绍：

在环境保护的呼声越来越迫切的情况下，全国各地都出台了关于垃圾分类的规定，但是全国各地的人们对于垃圾分类的知识还不是特别了解，因此蓝橙互动出品了这款关于垃圾分类的游戏，通过趣味的游戏H5，来提高人们对于垃圾分类的相关知识。

2.H5详情内容：

点击进入H5即为首页封面页，背景图是一个垃圾桶的动画形象，里面是各种各样的垃圾，文字信息“城市，因您而美丽”，用户可以点击页面下方查看H5活动的具体规则，点击开始进入游戏。游戏的主体形式为点击选择游戏，传送带上从左往右传送出不同种类的垃圾，垃圾到达中间，夹子就会松开把垃圾丢入下方的垃圾桶中，玩家根据夹子夹住的垃圾种类，左右滑动来切换垃圾桶的位置，接住垃圾。每切换一个垃圾桶的类别，下方显示其相关知识。分类错误时，也会显示正确的类别信息弹窗，关闭即可继续游戏。

游戏一共60秒，正确分类一个垃圾获得一个积分，每天可参与两次，分享好友额外获得一次机会。用户参与游戏即可获得环保积分奖励，获得的积分同步到微信公众号后台，用户可以在公众号兑换相应的奖品。

2.H5页面设计：

H5玩法设计上采用了互动选择游戏，设计上采用了卡通动画风格，配色上背景色选择了青绿色。H5游戏整体上设计上十分简单易懂，用户能够很轻松的操作游戏，再加上游戏中植入的关于垃圾分类的知识，让用户垃圾分类的相关知识得到了很好的补充。