H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回到顶部

3D全景动画H5案例分享

H5案例 2021年11月30日

伴随着移动设备的更新换代,H5开发技术也更加成熟,让移动端的H5页面可以实现各种华丽的视觉效果,即使是比较消耗性能的3D动画也能顺畅展现。下面,蓝橙互动就给大家分享一个3D全景动画H5案例。

 

案例:live the journey

 

品牌:Evian

 

H5案例 

 

1、创意定位

 

这是法国Evian为依云矿泉水品牌进行宣传而推出的H5案例,通过扫描限量版的瓶子,可以体验插画版的依云15年净化之旅,查看依云矿泉水产地,法国阿尔卑斯山的3D故事。

 

2、内容体验

 

进入H5页面,首先是提示界面,提示调大声音,点击开始体验按钮,进入主KV页面;主KV页面是以阿尔卑斯山为背景,手机端时用户横向可以滑动屏幕,一共4个可以点击的按钮,3个蓝色和1个粉色按钮。粉色按钮进入的是明信片页面,可以选择3种明信片图案,写上接收人和发件人。蓝色的按钮,分别进入3个不同关于阿尔卑斯山的3D动画,包括穿越森林、俯视阿尔卑斯山脉和穿越到地下查看水源。点击其中一个蓝色按钮,长按浏览3D动画完毕,可以进入下一个动画。浏览动画的过程中,可移动手机更换视频角度,观看不同方向的风景,也可以松开按钮,停留观望。3个3D动画都观看完毕后,会有观看完毕提醒,提示用户分享页面。

 

3、设计策划

 

3D渲染,手绘画面;依云矿泉水的水源地是阿尔卑斯山深处、冰川砂层天然过滤,所以构成元素阿尔卑斯山,深林等。

 

这个H5案例采用的是响应式页面,无论PC端还是移动端都可以访问,通过3D全景动画向用户展示品牌故事和产品特点,相比于传统的视频类H53D全景动画拥有更好的交互性,能时刻吸引用户注意力,提升营销效果。



联系QQ:2899301896

蓝橙互动·致力于为企业提供更高效的开发服务