环保问题一直是全世界都在关注的事件，而企业想要提升形象，也会极力的开展环保宣传活动。H5页面就是其推广宣传的主要方式，下面小编就带大家体验几个环保主题H5案例，感兴趣的伙伴可以参考一下。

案例：以生命之名，为地球发声

品牌：安踏集团 X WWF X一个地球

1.创意定位，安踏与WWF，一个地球联合推出的环保问答作品，倡导用户改善消费习惯，为地球发声，关注地球环境，减少塑料污染和粮食浪费，保护野生动物。

2.策划逻辑，一颗缓缓转动的地球，用户从围绕的“减塑挑战赛”“野生动物挑战赛”和“粮食挑战赛”中选择一个，点击后会出现相关环保问题的描述，点击“let’s  go”进入问答，相关问答题共5道，每题三选一，答对三个或以上为合格，答题完毕后出现结果，若是不合格可以重新挑战，若是合格会有标题“恭喜XX（用户名）通过考核”，用户可点击获得证书和纪念品，也可再次挑战或分享作品。

3.音效上，低沉悲壮的背景音乐，让氛围略显低落和厚重，烘托地球日益严重的环保问题和人类应该为此反思的氛围。

案例：还给地球一片绿

品牌：惠普

1.创意定位，多种树一直是大家都能参与的保护地球的好办法，惠普以养成大树H5游戏的形式邀请大家线上种树，互相帮助灌溉，增加好友联络，增强环保意识，争取环保福袋，还有机会让惠普以自己之名种一颗实体小树。

2.策划逻辑，初始页是一颗表面种满了大树的地球和宣传语，点击参与，给小树取个名字，游戏界面有一个黄色小帐篷，帐篷背后是树林，上方是用户名，小树名，小树成长进度和能量进度，右方是活动规则，转发和排行，光标指示做法后，用户点击浇水桶，每浇完一次都会冒出一次能量增加10的文字，还有惠普环保成绩描述，三次浇水机会用完后可邀请朋友参与。

3.设计上，可可爱爱的页面，大面积的绿色看着很舒服，是大自然的颜色，黄色小帐篷很突出，也让整个界面有视觉重点。

案例：壳牌“0”收益投资计划

品牌：壳牌

1.创意定位，壳牌的环保主题作品，模拟在地球上种树，消灭二氧化碳的过程，让用户参与环保行动，提高环保意识。

2.策划逻辑，主页是吴晓波老师与邀请标题，点击接受挑战，在20秒倒计时内尽量多的点击不断冒出的二氧化碳标志，让其变成小树，倒计时结束，用户可以看到自己的种树数量，获得的称号和排名，点击跳转到最后页面，可以看到最终种树数量对应的二氧化碳吸收量，排行榜，和1分52秒的主题视频。

3.设计上，手绘作品，淡绿色主色，将环保概念和行动用游戏的方式展示，地球上不断冒出的二氧化碳点击后变成了小树，地球也随之越来越葱郁，越来越漂亮。

本次案例内容分析就是这些，如想体验更多H5案例，可以关注我们蓝橙互动微信公众号，获取最新案例内容。如需定制H5页面，可以咨询网站客服，了解H5开发服务信息。

相关文章：《夏日主题H5案例》