凤凰网 + 北京现代第四代胜达：野生大熊猫保护行动

2019-06-16 H5案例分享 H5案例分享

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

识别图中二维码

野生大熊猫保护行动-查阅二维码

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

案例：野生大熊猫保护行动

品牌：凤凰网 + 北京现代第四代胜达

亮点：

1. 创意策划上

以“保护野生大熊猫”为主题，在首屏提示用户长按指纹，一辆胜达汽车缓缓开启，看到一只被囚禁的熊猫；

点击屏幕上的锁，牢笼破碎，大熊猫走出牢笼，看到关于大熊猫的介绍，弹出一个问题，全球已有多少个国家/地区拥有超萌的大熊猫？选择后，会有正确答案。

继续向左滑动，动画继续播放，介绍适合熊猫生活地域和海拔，还有熊猫因为人类的干扰后，生存遇到的问题。

寻找熊猫，弹出一个问题，哪个是大熊猫的足迹？小五也涨知识了。最后是按下掌印，生成成为野生大熊猫守护者海报，可以看到当前自己是第几位守护者。

2. 设计上

主色调是绿色和蓝色，颗粒度卡通画风，画面整体很细腻。

3. 交互上

横屏锁屏观看，有问题或科普知识的时候，动画暂停，回答问题后，需要向左滑动屏幕，继续观看。

技术实现： konvajs + html2canvas

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

标签