宾利：冰上动力2017宾利极致之旅

2016-11-11 H5案例分享 H5案例分享

案例：冰上动力2017宾利极致之旅

出品：宾利

亮点：

策划上，重力感应+图文展示类，① 转动手机，将指北针对准宾利车标方向持续3秒，开启H5后续内容；② 而后由在雪地上奔驰的宾利自然而然地过渡到宾利全球顶级北极圈冰雪试驾的邀请；③ 点击邀请页“即刻报名”，填写姓名手机号，选择经销商确认提交，预订席位；点击“详细行程”，了解活动详情。
设计上，科技风格，指北针、地球、汽车、雪地等等，营造了一种动感科技，炫酷激情的氛围，采用蓝色作为主色调，清冷而高雅。
技术上，转动手机对准方向，采用的是html5的重力感应；变动的地球，奔驰的汽车画面采用的是雪碧图以序列帧的方式做成的动画。

技术实现： Zepto + TweenMax + 重力感应

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

识别图中二维码

冰上动力2017宾利极致之旅-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签