OPPO:OPPO INNO DAY 2021 Reimaging the Future

2022-03-07 H5案例分享 H5案例分享
OPPO:OPPO INNO DAY 2021 Reimaging the Future


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

识别图中二维码

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

标签

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

相关推荐:

OPPO:OPPO社区感恩节晚宴

OPPO X 主题商店:ART+Project艺术馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~