安踏集团 X WWF X一个地球:以生命之名,为地球发声

2020-03-26 H5案例分享 H5案例分享
安踏集团 X WWF X一个地球:以生命之名,为地球发声


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

识别图中二维码

以生命之名,为地球发声-查阅二维码

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


案例:以生命之名,为地球发声

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

技术实现: html5

亮点:

  1. 创意定位

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

 

  1. 策划逻辑

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

 

  1. 音效上

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

 

  1. 交互上

用户勾选后答案后前面的小框框会直接出现对号或叉号,每次答题题目会略有不同,有相关常识,数据统计,环保方法和情景设定问答等。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

生命时报&亿众互动:疫情结束后,我最最最想做的是这些事……

小米:小米10梦幻之作

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~