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

案例：live the journey

品牌（pái）：Evian

1、创意定位

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

2、内容体验（yàn）

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

3、设（shè）计策划

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

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