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

2021-10-25 H5案例分享 H5案例分享
网易新闻 × WWF:2021国际雪豹保护日


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

识别图中二维码

2021国际雪豹保护日-查阅二维码

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


案例:2021国际雪豹保护日

品牌:网易新闻 × WWF

技术实现: HTML5

亮点:

1.创意定位

 

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

 

2.策划逻辑

 

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

 

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

 

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

 

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

 

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

 

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

 

3.视觉交互

 

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

 

4.用户体验

 

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

 





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

标签

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

相关推荐:

网易新闻X华润:一份永不退色的礼物

网易新闻 X EXEED星途:小小星途揽月人

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~