腾讯新闻 x WWF x 微公益:腾讯新闻

2019-05-24 H5案例分享 H5案例分享
腾讯新闻 x WWF x 微公益:腾讯新闻


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

识别图中二维码

腾讯新闻-查阅二维码

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


案例:腾讯新闻

品牌:腾讯新闻 x WWF x 微公益

亮点:

1.创意定位

 这是腾讯新闻联合世界自然基金会、微公益为5月22日国际生物多样性日制作的H5作品。

2.策划逻辑

这个H5作品主要分为三个部分①加载完成后,是腾讯新闻的页面,页面报道引出地球正处在第六次大灭绝危机之中,报道中两个已经灭绝的动物正在讨论自己的灭绝时间,向下滑动了解这次史无前例的自然衰退的真实模样;②第二部分中,首先利用页面内容的滑动速度告诉用户,现在的自然衰退有多迅速,然后通过不同种类动物灭绝的百分比,提出保护动物和环境的主题;③讲解日常我们可以做到的四件保护动物的事情,最后让用户勾选自己最认同的3条行动建议,分享至朋友圈,达到宣传的效果,或者点击“了解更多”,了解更多关于国际生物多样性日的内容。

3.设计上

黑白灰的画面给人沉重的感觉,红色显眼的数据分析,是在强调这些数据,也是在赤裸裸的告诉用户,这些生命在逝去,给人很震撼的感觉。

4.体验上

H5作品展示过程中,不能够停止观看,就像是这些面临灭绝的生命也没有办法停止走向终结,整个作品都在呈现悲伤的感觉,希望通过最后日常行动的建议,用户真的能够做到保护环境,保护动物。

 

 



技术实现: zepto+html2canvas



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

标签

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

相关推荐:

游云南·诚选&腾讯文创&津桥普洱:人生一罐

崇州金茂府:南通,正在进化......

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~