2020年Q1-Q2季度，
我们凭借完备的自有制作资源，
完成了华为官旗多项产品3D建模，
以及VR场景渲染需求，
并得到了品牌方认可。
200个
产品3D建模
6张
VR场景
32个
360°旋转视频
1个
二楼小程序
VRTOURS·3D
六月设计
华为官旗二楼VR项目总结
随着5G的发展和新冠疫情对整个VR (虚拟现实)行业的影响，商用VR内容迅速崛起，2020年足不出户在线购物成为各大电商平台的重要获客方法之一。 作为行业领先的智能手机服务商华为官旗,推出智慧场景VR购物解决方案,打造集VR场景搭建; 3D商品建模;智能家电等多种功能于一体的数字展示和运用方案，项目上线后日均uv超十万。
六月设计团队制作
Project Planning
项目规划
VRTOURS·3D
Project objectives
项目目标
VRTOURS·3D
通过分前期需求调研分析，可总结出展示端的优化方向与目标:
商品目标
  • 提升商品在市场中的差异性，增加竞争力
  • 提供舒适的沉浸式体验
  • 提升客户满意度
  • 标准化方案，提高商品拓展型，减少开发成本
体验目标
  • 区分页面功能的信息展示层级，增加功能tabble
  • 交互微动效优化，提升页面链接关联，增加易用性、趣味性、引导作用
  • 视觉优化，功能模块统一设计，输出设计规范
  • 提高设计组件延展性，利于开发后期维护
用户目标
  • 能够高效查看商品，清晰的了解商品信息
  • 在商品功能辅助下，提高趣味互动延长停留时间
  • 通过VR实景交互，能更好的体验产品
  • 提升品牌调性，产品相互导流，带动销量
UE Strategy
交互策略
VRTOURS·3D
随着业务的发展目前商品结构已无法满足需求，调整首页框架结构，提高商品兼容性。
Color
颜色
VRTOURS·3D
商品色选择了品牌色，体现了公司年轻化、活力、积极向上的文化。
Flow path
流量路径
VRTOURS·3D
项目背景
VR智能场景解决方案将整个线下卖场复刻到线上，用户可以在线上逛卖场。
商品路径是解决方案重要的卖点之一，用户无法直接看到商品，设计师需从商品、体验、设计角度给出合理方案。
商品路径
通过设计师调研输出方案与需求方讨论决定，新方案路径在页面内共设置三个商品入口，将商品露出前置，增加商品推荐位，完善商品路径。
Interface design
界面设计说明
VRTOURS·3D
Intelligent scene
智慧场景
VRTOURS·3D
VR智慧场景作为营销的线上体验场景，用户可以在线上逛商场，在逛店过程中，用户可以通过商品锚点了解商品详情，直接下单购买。
影音娱乐
运动健康
智慧办公
智慧出行
智能家居
3D modeling
3D建模场景制作的工作流程
VRTOURS·3D
1、设计师进行头脑风暴思考场景内容，场景切换路径，界面里的文案交互逻辑，输出策划文档。
影音娱乐
M-Pencil
智慧屏V65
VR Glass眼镜
MatePad 10.4
Sound智能音箱
Sound X智能音箱
HiLink360扫地机器人x90
FreeBuds Studio头戴耳机
HiLink720全效空气净化器C400
运动健康
手环B6
P40 Pro
智慧屏V55i-B
Sound智能音箱
Sound X智能音箱
智能体脂秤2 Pro
FreeLace Pro耳机
华为智选 莱克智能循环扇
HiLink720全效空气净化器C400
智慧办公
智慧屏V65
FreeBuds Pro
路由器AX3 Pro
智能即饮热水吧
MatePad Pro 5G平板
Mate40 Pro 保时捷设计
华为智选 达伦智能台灯2
WATCH GT 2 Pro 智能手表
MateBook X Pro 2020款笔记本
华为超级快充立式无线充电器 MAX50W
智慧出行
Mate40 Pro
MateBook X笔记本
WATCH GT 2 Pro
GM智能眼镜2代
FreeBuds Pro
华为5G随行WiFi
66W快充移动电源
新秀丽智能商务旅行箱
智能家居
P40 Pro
智慧屏V55i-B
路由器AX3 Pro
智选720全效空气净化器 65cm大
HiLink360扫地机器人x90
Sound智能音箱
华为智选 海雀AI摄像头 云台超清版
香薰助眠灯
HiLink火火兔智能早教故事机
华为超级快充立式无线充电器 MAX50W
技能点：脑洞，手绘，空间想象力，逻辑能力
2、设计师用草图或草模表现场景输出场景示意。
影音娱乐
(影音娱乐)
运动健康
(运动健康)
智慧办公
(智慧办公)
智慧出行
(智慧出行)
智慧家居
(智慧家居)
技能点：手绘能力，3d建模，空间想象力
3、3d模型师根据场景示意图进行建模输出3d可360°旋转模型
技能点：maya / 3dmax / cinema4d
4、设计师渲染成360度的鱼眼全景图，也就相当于所看到的空间实际上是一个球面，再用ps来优化这个球面图，用小程序语言＋layaAir 引擎写代码实现逻辑。
技能点：渲染器，PS，小程序语言＋layaAir 引擎
5、程序员设计师进入VR场景进行逻辑测试并不断完善内容。
6、测试完后，团队又要开始不断修改，无限循环，直到满意或者截至日期来临为止。
Project launch
项目上线
VRTOURS·3D
Project team
项目团队
VRTOURS·3D
项目经理：阿久 建模师：小小 UI/UE：鱼丸 视觉设计：鱼丸 程序技术总监：暮冷    阿久 文案/策划：阿双 走查：笑笑    大分
Project experience
项目体验
VRTOURS·3D
THANK YOU!
淘宝扫一扫 即刻体验