抖音:DOU知计划

2019-03-21 H5案例分享 H5案例分享
抖音:DOU知计划


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

识别图中二维码

DOU知计划-查阅二维码

完整欣赏此案例大约需要2分15秒


案例:DOU知计划

品牌:抖音

亮点:

1.创意定位

该作品是由抖音推出,用以宣传抖知计划相关活动的H5。作品用探秘的形式邀请用户过关,最终找到终极问题,再与自身app内容结合,形成流量内外联动,小编揣测抖音旨在借此活动吸引高质量用户。

 

2.策划上

①从加载页就给人一种探秘的感觉,点击探索按钮正式进入H5,一段穿越感的动画过渡,仿佛带领用户到达了外太空,然后展现封面“抖知计划”。②随后,一段文案介绍,说明意图:寻找一起探秘世界奥秘的朋友。页面呈现了五个星球,用户需要依次进入每一个星球探秘闯关。每个星球里都有一个问题及星球空间,用户需要根据问题和提示,在星球空间中探寻到答案,回答正确才能进入下一关。③所有关卡都过完后,来到落地页,这里又为用户出了道难题,解开题目后,将答案输入抖音便能见证奇迹。

 

3.设计上

科幻风格,整体的设计精细又震撼,每个星球内的场景都有动效。

 

4.体验上

非常优秀的作品,创意新颖,内容吸引人,但是由于作品体量大,需要在网络环境好的情况下观看~

 



技术实现: jQuery+howler+Video



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

标签

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

相关推荐:

抖音H5合集,让我们看到抖音在娱乐之外的公益责任和科技感

抖音:2018抖音城市独家记忆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~