OPPO:OPPO INNO DAY 2021 Reimaging the Future
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要8-10分钟
案例:OPPO INNO DAY 2021 Reimaging the Future
品牌:OPPO
技术实现: 3D引擎 + gsap
亮点:
1、创意定位
OPPO未来科技大会2021宣传H5,展示OPPO的折叠手机、智能眼镜等一系类高科技产品;案例主要针对全球用户,OPPO创造了一个在线虚拟世界,并在里面举行在线活动。
2、策划上
① 首页中,屏幕左上角一个是活动日程,另一个是用户形象设置(可以设置部分,例如OPPO的智能眼镜、帽子等);屏幕右上角是个人信息设置,例如:用户名、注册登录;屏幕中间位置点击,还可以看到虚拟世界的宣传视频;点击屏幕下方的“Enter the World”,进入在线虚拟世界;
② 经过OPPO的过程,点击进入图标,进入虚拟世界,用户点击屏幕,可以在虚拟世界中走动;屏幕左上角点击,返回首页;屏幕右上角有个人信息设置、聊天区、论坛、使命的快速进入菜单;左下角是虚拟世界地图;右下角是表情图标,和流程度设置选项(有低、中、高三个选项,默认为高);
③ 在虚拟世界,点击左下角是虚拟世界地图,是不同展示场馆的鸟瞰图,一共5个场馆;点击场馆可以快速移动到场馆的门口,点击就可以进入场景;不同的场馆主题不同,有折叠手机展示、有自研芯片、有智能眼镜、还有一系列黑科技。
3、设计上
3D虚拟场景,银白色为主,整体高科技感很足;设计中的空间感,让观看者仿佛真的进入了另一个空间。
4、交互上
① 响应式页面,PC机和手机都可以访问;
② 用户自由点击屏幕,代表用户的小人就可以在虚拟世界不断的探索走动;
③ 虚拟世界左下角的地图设计的很赞,用户可以快速了解整体空间。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号