3D全景动画H5案例分享
H5案例
2021年11月30日
伴随着移动设备的更新换代,H5开发技术也更加成熟,让移动端的H5页面可以实现各种华丽的视觉效果,即使是比较消耗性能的3D动画也能顺畅展现。下面,蓝橙互动就给大家分享一个3D全景动画H5案例。
案例:live the journey
品牌:Evian
1、创意定位
这是法国Evian为依云矿泉水品牌进行宣传而推出的H5案例,通过扫描限量版的瓶子,可以体验插画版的依云15年净化之旅,查看依云矿泉水产地,法国阿尔卑斯山的3D故事。
2、内容体验
进入H5页面,首先是提示界面,提示调大声音,点击开始体验按钮,进入主KV页面;主KV页面是以阿尔卑斯山为背景,手机端时用户横向可以滑动屏幕,一共4个可以点击的按钮,3个蓝色和1个粉色按钮。粉色按钮进入的是明信片页面,可以选择3种明信片图案,写上接收人和发件人。蓝色的按钮,分别进入3个不同关于阿尔卑斯山的3D动画,包括穿越森林、俯视阿尔卑斯山脉和穿越到地下查看水源。点击其中一个蓝色按钮,长按浏览3D动画完毕,可以进入下一个动画。浏览动画的过程中,可移动手机更换视频角度,观看不同方向的风景,也可以松开按钮,停留观望。3个3D动画都观看完毕后,会有观看完毕提醒,提示用户分享页面。
3、设计策划
3D渲染,手绘画面;依云矿泉水的水源地是阿尔卑斯山深处、冰川砂层天然过滤,所以构成元素阿尔卑斯山,深林等。
这个H5案例采用的是响应式页面,无论PC端还是移动端都可以访问,通过3D全景动画向用户展示品牌故事和产品特点,相比于传统的视频类H5,3D全景动画拥有更好的交互性,能时刻吸引用户注意力,提升营销效果。
联系QQ:2899301896
蓝橙互动·致力于为企业提供更高效的开发服务