Mercedes-Benz 梅赛德斯-奔驰：淋漓，尽致

2016-07-04 H5案例分享 H5案例分享

案例：淋漓，尽致

出品：Mercedes-Benz 梅赛德斯-奔驰

亮点：

策划上，一开始模拟了iPhone的滑屏解锁页面，滑动屏幕后，一滴水落在主屏幕上，屏幕“碎裂”，整个页面开始活了起来。随后便是奔驰车型的宣传小视频。视频播放完毕后，进入车型的介绍页面，有“车型配置”“车型亮点”“预约试驾”三个选择，上方还可以点击“观看精彩视频”，车型亮点部分图片可左右滑动或点击箭头来切换。
设计上，黑白银为主色调，科技感十足。开始会很贴心的问用户“是否开启声音”，接着有一条“新消息”让用户查看，滑动解锁后便开始播放视频。整体没有多少动画效果，但炫酷的视频和震撼的音效会让你忘掉其他的一切。小编决心要加倍努力工作，给自己买这么一辆“高端、大气、上档次”的车！
技术上，采用了Swiper滑屏插件。

技术实现： jQuery + Swiper

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

识别图中二维码

淋漓，尽致-查阅二维码

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

标签