网易新闻 × WWF：2021国际雪豹保护日

来源：H5案例分享

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

识别图中二维码

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

案例：2021国际雪豹保护日

品牌：网易新闻 × WWF

技术实现： HTML5

亮点：

1.创意定位

网易新闻公益在“2021国际雪豹保护日”推出的保护雪豹创意H5作品，通过雪豹在中国的分布状况，让大家对雪豹有更多的了解，从而起达到宣传保护雪豹，保护动物的公益诉求。

2.策划逻辑

主流程：① Loading → ② 主题页 → ③ 地图页+海报页 → ④ 落地页。

① Loading部分：一只雪豹走动的动画，配合进度加载百分比。

② 主题页：家猫不如野豹香——中国吸豹地图上线，网络用语引出主题。用户点击“点击地图开始吸豹”引导光圈后，进入地图页。

③ 地图页：在地图上直接标注中国境内有雪豹的7个区域：内蒙、甘肃、青海、四川、云南、新疆、西藏，底部有解锁进图条，每点开一个省份，弹出相应省份的雪豹介绍海报，包含本地区特色数据，进度锁随即打开一关。

④ 落地页。7个区域了解完成，进入最后的落地页，呼吁人们保护雪豹：中国拥有全球最大的雪豹栖息地，坐拥60%的雪豹，但是我们的保护工作依旧任重而道远。关注雪豹保护进程，和我们一起云吸雪豹吧。

落地页底部提供两个跳转按钮：「前往WWF官网」和「跳转网易公益频道」，点击后跳转到对应网站。

3.视觉交互

扁平卡通风格，配合局部动画，让人感受雪豹的灵动。交互方式主要为：点击和长按，点击查看海报，长按保存海报。

4.用户体验

简洁明了且生动形象的让用户了解了雪豹在中国的分布情况，记住了国际雪豹日：世界雪豹日是每年的10月23日，又称国际雪豹日、全球雪豹日。保护动物，保护环境，从了解动物、了解环境开始。

会员登录