抖音:DOU知计划
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要6分19秒
案例:DOU知计划
品牌:抖音
亮点:
- 创意定位
抖音推出的科学知识普及类型的H5作品,用户回答科学问题,生成海报,海报上会有一道难度较大的题目,用户可解出后分享到抖音。
- 策划逻辑
打开后屏幕显示科学是照亮混沌世界的一道光,点击“探索”穿梭光门和虫洞后,屏幕显示几颗星球,可左右滑动屏幕切换星球,点击星球开始答题,题目是人类祖先,天文知识,化学知识和物理原理,可点击“TIPS”查看提示,每一题答完后都有原理解析图,最后输入名字生成海报,恭喜用户成为DOU知博士,和一道题目,用户可重玩或解出题目分享至抖音。
- 设计上
3D的星球界面,每一道题都是一个星球打开后显示出来,答案是一个小3D场景,点击场景中的物体,物体会产生一些形态上和声音上有趣的效果,如钢琴的琴键会自动弹奏发出钢琴声,化学实验器具会喷出一个小外星人,效果很可爱,有的还略有意外,十分丰富有趣。
- 体验上
正儿八经的科学知识普及,涉及范围很广,有的就算看了提示也要思考一下,界面制作的十分新颖,每个答案场景都有多处触点可引发效果出现,很有创意,只是最后的题目太难了,期待某位大神能够解答出来。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号