案例演示，请长按/扫描以下二维码 ->

识别图中二维码

案例：live the journey

品牌：Evian

技术实现： webGL

亮点：

1、创意定位

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

2、策划上

① 首先是提示界面，提示调大声音，点击“开始体验”按钮，进入主KV页面；

② 主KV页面是以阿尔卑斯山为背景，手机端时用户横向可以滑动屏幕，一共4个可以点击的按钮，3个蓝色和1个粉色按钮；粉色按钮进入的是明信片页面，可以选择3种明信片图案，写上接收人和发件人；

③ 蓝色的按钮，分别进入3个不同关于阿尔卑斯山的3D动画，有穿越森林、俯视阿尔卑斯山脉、穿越到地下查看水源。

④ 点击其中一个蓝色按钮，长按浏览3D动画完毕，可以进入下一个动画；3个3D动画都观看完毕后，会有观看完毕提醒，提示用户分享页面。

3、设计上

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

4、体验上

响应式页面，PC端和手机端都可以访问；因为3D渲染的WebGL动画，比较消耗性能，推荐用电脑端访问（网址：https://evian.live/）。



转载自“H5案例分享”团队