全新梅赛德斯-AMG 43系列-奔驰：生势，不凡！

2018-01-28 H5案例分享 H5案例分享

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

识别图中二维码

生势，不凡！-查阅二维码

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

案例：生势，不凡！

出品：全新梅赛德斯-AMG 43系列-奔驰

亮点：

策划上，这是由奔驰为宣传本企业全新梅赛德斯-AMG 43系列所打造的一款宣传H5，加载完成后，进入页面，长按屏幕，会出现雄鹰，狮子等不同的形状，之后进入一段1分钟的宣传视频，这两个环节均可跳过。之后进入全新梅赛德斯-AMG 43系列功能页面，会有“性能基因”“动感设计”“预约试驾”“精彩视频”“在线订车”五个选项，可分别选择进入。
设计上，这是一款图文+视频+动画特效三者相结合的h5，主体以黑色为背景，配以动感的视频和恢宏大气的音乐，强大的感觉呼之欲出。
交互上，视频的长按与点击。
体验上，最后的产品功能页，滑动页面有放大镜和水波纹效果，眼前一亮。

技术实现： TweenMax.js+howler.js+ iphone-inline-video.js+jQuery.js+pixi.js+swiper.js

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

标签