新华社客户端 + Tencent腾讯:我在家复工/开课的姿势
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:我在家复工/开课的姿势
品牌:新华社客户端 + Tencent腾讯
技术实现: EaselJS + TweenJS + touchjs + jQuery
亮点:
1、创意定位
新华社客户端 + Tencent腾讯推出的在家复工/开课的姿势,用户可以DIY自己在家工作状态。
2、策划上
布置场景(DIY海报)类型H5:
① 进入主KV后,需要用户选择性别(选择后,后期不可修改),选择性别后,后面的人物是男性的人物头像和衣服等,点击“我的姿势我做主”按钮;
② 挑选办公场景,有客厅、卧室、洗手间、书房、厨房5个办公场景可以选择,选择其中之一后(选择后,后期不可修改),点击“下一步”按钮;
③ 挑选你的办公姿势和装饰,一共6个菜单,前3个菜单由前面人物性别决定,前三个菜单分别是:姿势、工服、造型;后3个菜单通用,分别是:必备工具、心里话、伴工物;布置好后,点击屏幕右上角的“完成”按钮;
④ 生成在家复工/开课的姿势海报,用户可以长按保存海报,点击屏幕左上角可以重新布置场景。
3、设计上
扁平卡通风格,有新华社客户端和腾讯产品植入到装饰中。
4、体验上
当看到这支H5,立马就拼出了自己在家的姿势,刷朋友圈的时候,已经看到朋友圈的好友们,展示出各种各种在家办公的样子,有在卫生间的、客厅的等,无论布置的如何,都是大家内心或者实际最真实的状态~
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号