大麦网:你的人生,有重启的机会吗

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案例分享”团队原创文章,转载请注明出处!

标签

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

相关推荐:

大麦网:请问9¾站台怎么走?

星巴克:我们之间,除了谢谢,还有...

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~