新华社客户端 + Tencent腾讯:我在家复工/开课的姿势

2020-02-20 H5案例分享 H5案例分享
新华社客户端 + Tencent腾讯:我在家复工/开课的姿势


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

识别图中二维码

我在家复工/开课的姿势-查阅二维码

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


案例:我在家复工/开课的姿势

品牌:新华社客户端 + Tencent腾讯

技术实现: EaselJS + TweenJS + touchjs + jQuery

亮点:

1、创意定位

新华社客户端 + Tencent腾讯推出的在家复工/开课的姿势,用户可以DIY自己在家工作状态。

 

2、策划上

布置场景(DIY海报)类型H5:

① 进入主KV后,需要用户选择性别(选择后,后期不可修改),选择性别后,后面的人物是男性的人物头像和衣服等,点击“我的姿势我做主”按钮;

② 挑选办公场景,有客厅、卧室、洗手间、书房、厨房5个办公场景可以选择,选择其中之一后(选择后,后期不可修改),点击“下一步”按钮;

③ 挑选你的办公姿势和装饰,一共6个菜单,前3个菜单由前面人物性别决定,前三个菜单分别是:姿势、工服、造型;后3个菜单通用,分别是:必备工具、心里话、伴工物;布置好后,点击屏幕右上角的“完成”按钮;

④ 生成在家复工/开课的姿势海报,用户可以长按保存海报,点击屏幕左上角可以重新布置场景。

 

3、设计上

扁平卡通风格,有新华社客户端和腾讯产品植入到装饰中。

 

4、体验上

当看到这支H5,立马就拼出了自己在家的姿势,刷朋友圈的时候,已经看到朋友圈的好友们,展示出各种各种在家办公的样子,有在卫生间的、客厅的等,无论布置的如何,都是大家内心或者实际最真实的状态~





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

标签

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

相关推荐:

我的世界 x WA!:我的搬砖现场

PUPUPULA:2020鼠年全家福

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~