案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:2021国际雪豹保护日
品牌:网易新闻 × WWF
技术实现: HTML5
亮点:
1.创意定位
网易新闻公益在“2021国际雪豹保护日”推出的保护雪豹创意H5作品,通过雪豹在中国的分布状况,让大家对雪豹有更多的了解,从而起达到宣传保护雪豹,保护动物的公益诉求。
2.策划逻辑
主流程:① Loading → ② 主题页 → ③ 地图页+海报页 → ④ 落地页。
① Loading部分:一只雪豹走动的动画,配合进度加载百分比。
② 主题页:家猫不如野豹香——中国吸豹地图上线,网络用语引出主题。用户点击“点击地图开始吸豹”引导光圈后,进入地图页。
③ 地图页:在地图上直接标注中国境内有雪豹的7个区域:内蒙、甘肃、青海、四川、云南、新疆、西藏,底部有解锁进图条,每点开一个省份,弹出相应省份的雪豹介绍海报,包含本地区特色数据,进度锁随即打开一关。
④ 落地页。7个区域了解完成,进入最后的落地页,呼吁人们保护雪豹:中国拥有全球最大的雪豹栖息地,坐拥60%的雪豹,但是我们的保护工作依旧任重而道远。关注雪豹保护进程,和我们一起云吸雪豹吧。
落地页底部提供两个跳转按钮:「前往WWF官网」和「跳转网易公益频道」,点击后跳转到对应网站。
3.视觉交互
扁平卡通风格,配合局部动画,让人感受雪豹的灵动。交互方式主要为:点击和长按,点击查看海报,长按保存海报。
4.用户体验
简洁明了且生动形象的让用户了解了雪豹在中国的分布情况,记住了国际雪豹日:世界雪豹日是每年的10月23日,又称国际雪豹日、全球雪豹日。保护动物,保护环境,从了解动物、了解环境开始。