大麦网：你的人生，有重启的机会吗

2019-11-08 H5案例分享 H5案例分享

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

识别图中二维码

你的人生，有重启的机会吗-查阅二维码

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

案例：你的人生，有重启的机会吗

品牌：大麦网

技术实现： AnnieJS

亮点：

1、创意定位

大麦网品牌宣传H5，以“人生重启，你将会是谁”，通过测试，展示人生重启后，会是谁，这个测试偏娱乐性。

2、策划上

① 测试类型H5，首先是一个剪影人物走入门内，背景褪去，展示人物进入车厢，出现问题；

② 一个会有5个场景，每个场景出现不同的问题，每个问题会有2个选项，每个场景下方还有一句金句，来自图书、话剧、魔术剧；

③ 选择答案后，自动进入下一个问题；

④ 5个问题是固定不变；

⑤ 根据用户的选择，最后给出如果人生重启，你的另一个人生角色是哪部剧中的人物，并做出简要人物说明。

3、设计上

颗粒度画面，dribbble风格的人物和景物，每个场景间的动画切换很自然，不是简单的翻阅。

4、技术上

① 使用的是AnnieJS，对应的官网http://www.annie2x.com/，github代码库https://github.com/flash2x/AnnieJS

② 有伙伴说，使用flash2x(flash\animate cc插件)，可以把所见即所得的flash动画完整的发布成annieJS能够识别的素材格式。

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

标签