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

2019-06-16 H5案例分享 H5案例分享
凤凰网 + 北京现代第四代胜达:野生大熊猫保护行动


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

识别图中二维码

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

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


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

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

亮点:

1. 创意策划上

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

 

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

 

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

 

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

 

2. 设计上

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

 

3. 交互上

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



技术实现: konvajs + html2canvas



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

标签

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

相关推荐:

科颜氏kiehl's:熊猫不高兴

长隆旅游:保护动物,我在行动

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~