公益宣传H5游戏开发案例合集

公益宣传是各大企业都在做的事情，不仅能够提升公司形象，还能顺便宣传一波自己的产品信息，是两全其美的推广方式。如果再加上H5游戏的渲染，那么效果将会更好。下面小编就带大家欣赏几个公益宣传H5游戏开发案例，看看具体效果是否符合大家的需求吧。

案例一、多一克温暖，让爱加温

品牌：网易,海澜之家,暖流计划

1、内容： 进入页面点击“活动详情”了解活动相关信息，点击“为爱加温”进入互动部分。互动部分通过点击按钮，完成四步与小女孩的互动，同时加满自己的小太阳，即可成功为山区儿童捐赠一克羽绒。最后一页显示该活动已累计捐赠多少件羽绒服，用户可以点击“传递爱心”或“再捐一次”，底部可以点击观看“预热视频”或“原生内容”。

2、亮点：背后的小太阳在经过我们关怀的四个步骤后逐渐变得充实，小女孩朴实天真的面孔和受到关爱所展现出来的快乐感染了屏幕前的每一个人。

3、体验：在观看的过程中感觉到这是个有爱有温度同时又有深度的H5，在手指跟随互动的同时也具备了参与感，把这份温暖传递给了更多的人。 

案例二、一起爱

品牌：腾讯公益

1、内容：进入页面显示加载页，提示点击，点击之后，随着0~100%数字不断增长会有动画出现。到了99%，让用户画个“1”，之后便是文字展示，内容就是与之前那些百分比数字相关的时间，发生的事件。最后一页可以点击“参与捐助”跳转到外部链接，也可以再看一次。

2、亮点：浅灰纯色背景突出了文字，动画也变得很显眼，动画效果不浮夸很流畅很干净，还有相应的背景音效配合动画。

3、体验：这个案例在loading页就开始了，创意比较特别，动画和后面的文字事件解释相呼应，走心真实。

案例三、寻找小纽扣

品牌：成都文明网

1、内容：成都文明网出品的动画H5，旨在通过趣味的互动动画来宣传讲文明的社会风气。加载完成进入H5是动画首页，页面上方是成都文明网的标识，页面背景图是成都一些主要地标建筑的动画形象，下方是一个学生的动画形象，旁白习爷爷说，人生的扣子从一开始就要扣好，说明了此次H5的追逃，随后用户向右滑动进入后续动画。

2、设计：策划上整体采用了动画形式，以寻找动画场景中的“小纽扣”来增强和用户间的互动性；设计上整体采用了剧情动画形式，配色选择上丰富多彩，以红、黄、蓝等多种颜色展示。

看完这三个案例，我们能看到H5游戏赋予公益宣传新的活力，不仅趣味性十足，还能完美展现公益主题，而公司品牌也得到了突出体现。是非常有尝试价值的推广方式。如果有H5游戏开发需求，可以咨询我们蓝橙互动，了解更多开发信息，做足前期准备。

相关文章：《车展现场H5游戏开发案例》