抖音:DOU知计划

2019-08-23 H5案例分享 H5案例分享
抖音:DOU知计划


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

识别图中二维码

DOU知计划-查阅二维码

完整欣赏此案例大约需要6分19秒


案例:DOU知计划

品牌:抖音

亮点:

  1. 创意定位

抖音推出的科学知识普及类型的H5作品,用户回答科学问题,生成海报,海报上会有一道难度较大的题目,用户可解出后分享到抖音。

 

  1. 策划逻辑

打开后屏幕显示科学是照亮混沌世界的一道光,点击“探索”穿梭光门和虫洞后,屏幕显示几颗星球,可左右滑动屏幕切换星球,点击星球开始答题,题目是人类祖先,天文知识,化学知识和物理原理,可点击“TIPS”查看提示,每一题答完后都有原理解析图,最后输入名字生成海报,恭喜用户成为DOU知博士,和一道题目,用户可重玩或解出题目分享至抖音。

 

  1. 设计上

3D的星球界面,每一道题都是一个星球打开后显示出来,答案是一个小3D场景,点击场景中的物体,物体会产生一些形态上和声音上有趣的效果,如钢琴的琴键会自动弹奏发出钢琴声,化学实验器具会喷出一个小外星人,效果很可爱,有的还略有意外,十分丰富有趣。

 

  1. 体验上

正儿八经的科学知识普及,涉及范围很广,有的就算看了提示也要思考一下,界面制作的十分新颖,每个答案场景都有多处触点可引发效果出现,很有创意,只是最后的题目太难了,期待某位大神能够解答出来。



技术实现: html5



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

标签

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

相关推荐:

王老吉X抖音:寻找你的音乐DNA

BMW X网易新闻X哒哒:高能基因备份”B“计划

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~