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

案例：live the journey

品牌：Evian

1、创意（yì）定位

这（zhè）是法国Evian为依（yī）云矿泉（quán）水品牌进行宣传而推出的H5案例，通过扫描限量版的瓶（píng）子，可以体（tǐ）验插（chā）画版的依（yī）云15年（nián）净化之旅，查看（kàn）依云矿泉水产地，法国阿尔卑斯山的3D故事。

2、内容（róng）体（tǐ）验

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

3、设计策划

3D渲染，手绘画（huà）面（miàn）；依云矿（kuàng）泉水的水源地是阿（ā）尔（ěr）卑斯山深处（chù）、冰川砂层天（tiān）然过滤，所以构成元素阿（ā）尔卑斯山，深林等（děng）。

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