Evian:live the journey

2021-11-26 H5案例分享 H5案例分享
Evian:live the journey


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

识别图中二维码

live the journey-查阅二维码

完整欣赏此案例大约需要3分30秒


案例: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案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Jazak:Jazak prirodna izvorska voda

雀巢 Nestlé:CHOCAPIC® Nutri-Game

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~