抖音：测测你是哪种艺术家

2020-03-18 H5案例分享 H5案例分享

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

识别图中二维码

测测你是哪种艺术家-查阅二维码

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

案例：测测你是哪种艺术家

品牌：抖音

技术实现： pixi.js + tween.js

亮点：

1、创意定位

抖音的“DOU艺计划”宣传H5，通过DOU艺之城（即8个不同的艺术门类），介绍“DOU艺计划”和传播。

2、策划上

① 进入主KV页是DOU艺之城的slogan和操作说明，点击“我要进城”按钮后，进入DOU艺之城横向长图；

② DOU艺之城中，一共有8个艺术门类（雕塑、绘画、音乐、舞蹈、影视、书法、戏曲、建筑），点击某个艺术门类对应的区域，进入该门类的测试挑战；

③ 每个门类的测试问题不同，都是三个问题4个选项，根据选择最后生成海报，海报中有你的艺术家身份和三个不同的标签。

3、设计上

3D立体建筑物，看着像是C4D(软件名)制作的；问题界面的按钮也保持了整体的立体风格，风格很统一，视觉效果很高级。

4、体验上

这支H5很耐玩，因为是8个不同的艺术门类，每个领域的问题都不同，感兴趣的话可以依次进入不同艺术门类进行测试；进入DOU艺之城的入口很多，进入对应的艺术门类后，左上角还有返回按钮，可以重新进入DOU艺之城中，最后的海报页也依然保留了“解锁新区”，依然也可以重新进入DOU艺之城。

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

标签