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

2021-06-21 H5案例分享 H5案例分享

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

识别图中二维码

壳牌“0”收益投资计划-查阅二维码

完整欣赏此案例大约需要2分30秒

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

品牌：壳牌

技术实现： html5

亮点：

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

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

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

点击成功后会有“啾”一下的提示音，点击越快，声音出现的频率越高，激发用户游戏斗志，增加满足感。

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

标签