测试游戏H5|公益H5—如何通过多种互动形式来宣传公益

上线时间:2019-12-05

案列简介:广州市海珠区疾病预防控制中心官方出品的互动游戏H5,通过让用户来选择一系列和艾滋病有关危险形式,从而来呼吁人们关注艾滋病健康,做好预防工作。

案列类型:H5

技术特点:常规H5

设计风格:卡通活动风格

场景特征:公益

案例:对“艾”say no

品牌:广州市海珠区疾病预防控制中心

制作:蓝橙H5开发

 

1.详情内容上:

广州市海珠区疾病预防控制中心官方出品的互动游戏H5,通过让用户来选择一系列和艾滋病有关危险形式,从而来呼吁人们关注艾滋病健康,做好预防工作。加载完成进入H5进入首页封面页,页面上方是疾病控制中心的官方标识,用户可以点击右上角查看互动游戏的详细规则,页面背景图是一个拿着拳头挥击艾滋病毒的动画小人,页面中间的“对艾say no”是此次H5的标题,用户可以点击页面下方查看此次和艾滋病相关的健康知识,点击开始进入互动测试页面。测试的主题形式为场景选择形式,用户需要在和艾滋病相关的危险行为中选择正确的行为,随着用户选择进度条的推动,画面中的动画人物也会改变。五道测试题的内容分别为:在KTV里朋友给摇头丸应该怎样、激情时刻、身边没有安全套应该怎样、最近茶饭不思,失眠多梦身体不舒服应该怎样、发生高危行为后应该怎样、朋友感染艾滋病应该怎样对待。用户回答完所有题目以后,系统会根据用户回答的问题情况生成一张专属的海报,显示用户的防艾等级,最后可以点击将H5分享给他人,也可以点击领取奖励来参与抽奖。

 

2.页面设计上:

设计上采用了卡通动画风格,配色上在背景色上选用了粉色,和艾滋病相符合,各个测试题目场景以动画的形式展示,给了用户一丝趣味性。用户在题目测试中,画面随着用户的拖动也会改变,整体上十分有趣味性,用户体验感非常好。


注:蓝橙互动还有很多优秀的H5设计案例,如果你对此有兴趣的话,可点击右侧“方案咨询”在线联系我们,或者微信搜索“蓝橙互动”公众号获取案例,有更多优秀的H5设计案例再等着你哟!

 

相关链接:H5页面制作|H5活动策划公司|微信游戏开发|小程序定制|公众号开发

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

设计价格

设计方案

设计工期