中国蓝新闻：SSR高萌预警！限量版《精灵图鉴》

2021-08-10 H5案例分享 H5案例分享

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

识别图中二维码

SSR高萌预警！限量版《精灵图鉴》-查阅二维码

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

案例：SSR高萌预警！限量版《精灵图鉴》

品牌：中国蓝新闻

技术实现： epub360

亮点：

中国蓝新闻出品，大家都在为SSR卡狂热，真正的SSR超萌动物其实就在我们的大自然中，一起找到它们，认识它们，了解它们，保护它们吧！

简短的导入动画，睁开眼睛，来到精灵飞舞的大森林中，根据提示点击搜寻触点，雷达扫描后，点击出现的位置图标，动物卡出现，用户浏览动物习性等相关介绍，点击下方小精灵欣赏实拍的视频片段，然后可选择合影和继续寻找，左上方触点可查看已找到的动物，十个动物全找到后，点击合影，浏览环保阐述，生成合影海报。

左上角的精灵图鉴：点击进入后卷轴出现，这里可以生成合影、可以查看单个精灵图鉴，再次打开进入H5可以在这里查看已收集到的精灵哦~

手绘的森林与动物，环境美好，动物可爱，用寻找精灵宠物的方式把它们找出来，营造有期待感的氛围，每个小动物还有实拍视频，让用户了解更多，引发保护欲。

有的动物是先显示黑色影子，然后再揭示真实面貌，有的需要回答问题或查看视频三秒后才可以点击查看，互动方式很多样，增加作品趣味。

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

标签