伴（bàn）随着移动设备的（de）更（gèng）新换代（dài），H5开发（fā）技术也（yě）更加成熟，让移动端的（de）H5页面可以实现（xiàn）各种华丽（lì）的视觉效果，即使是比较消耗性能的3D动画也能顺畅展（zhǎn）现。下面（miàn），乐鱼和蓝橙互动就给大家分享一个3D全景动画H5案例。

案例：live the journey

品牌：Evian

1、创意定位

这是法国（guó）Evian为依云矿泉水（shuǐ）品牌（pái）进（jìn）行宣（xuān）传（chuán）而（ér）推（tuī）出的H5案例（lì），通过扫描限（xiàn）量版（bǎn）的瓶（píng）子，可以体验插画版的依云15年净化（huà）之旅（lǚ），查看（kàn）依云（yún）矿泉水产（chǎn）地（dì），法国（guó）阿尔卑（bēi）斯山的3D故事。

2、内容体验

进入H5页面，首（shǒu）先是提示界面，提示调大声音，点击（jī）开始（shǐ）体验按钮，进入主（zhǔ）KV页面；主KV页面是（shì）以阿尔卑斯山为背（bèi）景，手机（jī）端时用（yòng）户（hù）横向可（kě）以滑动屏幕，一共4个可以（yǐ）点击（jī）的按钮，3个蓝色和1个粉色（sè）按钮。粉色按钮进入的是明信（xìn）片页（yè）面，可以选择3种明信片图案，写上接收（shōu）人和发件人。蓝（lán）色的按钮，分别进（jìn）入3个不同关于阿尔（ěr）卑（bēi）斯山的3D动（dòng）画，包括穿越森林、俯视阿尔卑斯山（shān）脉（mò）和穿越到地下查看水源。点击（jī）其中一个蓝（lán）色（sè）按钮，长按浏览（lǎn）3D动画完毕，可以进入下一个动画。浏览（lǎn）动画的过程中，可移动手机（jī）更换视频角度，观看不同方向的风（fēng）景，也可以松开按（àn）钮，停留观望（wàng）。3个3D动画都观看完毕后（hòu），会有观看完毕提醒，提示用户分（fèn）享（xiǎng）页面。

3、设计策划

3D渲（xuàn）染，手绘画面（miàn）；依（yī）云矿泉水（shuǐ）的水源地是阿尔卑斯山深处、冰川（chuān）砂层天然过滤，所以构成元素阿尔（ěr）卑（bēi）斯山，深林等（děng）。

这个H5案例（lì）采用的是响应式（shì）页面，无论PC端（duān）还（hái）是移动端都可以访问，通（tōng）过3D全景动画向用户（hù）展示品牌故事和（hé）产（chǎn）品特点（diǎn），相比于传统的视频类H5，3D全景动画拥有（yǒu）更好的交互性，能（néng）时刻吸（xī）引用户注（zhù）意力，提（tí）升营销效（xiào）果。