阿里云:双11前互联网人的一天

2019-11-07 H5案例分享 H5案例分享
阿里云:双11前互联网人的一天


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

识别图中二维码

双11前互联网人的一天-查阅二维码

完整欣赏此案例大约需要1分10秒


案例:双11前互联网人的一天

品牌:阿里云

技术实现: createjs + tweenMax

亮点:

1.创意定位

阿里云通过漫画描绘的方式让大家感受双十一前一天所有工作人员有多么忙碌的作品,并在作品中进行了一些专业词语的解析,以此展现阿里人的工作状态,感谢所有热爱工作的互联网人。

 

2.策划逻辑

作品有大致三个环节

 

①loading

加载界面是导入语,带你走进双11前互联网人的一天。

 

②漫画浏览

进入主题后,可选择自动播放,也可以滑动屏幕浏览长幅插画,插画内容是工作人员焦头烂额的改进方案,开会,老板要求必须完成任务,灵光一闪想到新的创意,程序员与时间赛跑累到头秃,闹钟一响心里发毛只好将项目硬着头皮上线,加班无极限的工作状态,加班人员在电脑上回复催促回家的老婆,再次告知自己是弹性工作制,浏览过程中随着人物动作变化出现一些词条,用户可以点击闪烁的词条,打开了解它的意思,每出现一个词条左边相应的图标就会亮起来。

 

③落地海报

浏览结束后,刚才的九个词条一起出现,用户任选一个生成海报,在海报页面可以参与抽奖,登陆领取优惠券,或分享作品。

 

3.设计上

插画以橙色和黑色为主,人物会有简单的动作,内容和情节较为丰富,将大家日常生活中加班开会体力透支的状态表现的很真实,词条解析的也较为专业,让用户对互联网工作人员的工作术语和工作内容有了更多了解。

 

4.体验上

自动播放的话,播放速度较快,有的词条和内容注意不到,还是自己滑动屏幕浏览的方式对了解作品详细内容更好一些。

 

 





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

标签

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

相关推荐:

网易考拉:考拉抱款机

手相研究院:手相AI

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~