Evian: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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号