案例：梅赛德斯-奔驰 SUV 家族

出品：梅赛德斯-奔驰

亮点：

1. 策划上，图文展示类，主要分为三个维度，一：动画自动播放到罗盘旋转页后，平置手机，旋转四方，去体验梅赛德斯-奔驰 SUV 家族的无畏、责任、勇气和胸怀；二：活动体验报名，填写好姓名、手机号等个人信息，提交给主办方即有机会参与活动哦；三：车型亮点，采用图文形式，展现了梅赛德斯-奔驰 SUV 的各种优异性能及近期购买的各种优惠
2. 设计上，采用宇宙、天地、沙漠等开阔广袤的情景，营造了一种大气从容的氛围，从而体现了新一代梅赛德斯-奔驰 SUV心之所向，为纵横无畏的梦想，驰之以恒，为凌越傲然的巅峰的豪情
3. 交互上，转动罗盘采用旋转手机的方式；体验东•海岸•无畏，采用晃动手机的方式
4. 技术上，无论是旋转手机还是晃动手机均采用了HTML5的重力感应；H5开篇宇宙、地球等动画采用的是序列图依次显隐

技术实现： jQuery + Swiper（JS滑动插件）

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

识别图中二维码