东风日产：情书or陌陌？Dr.魏、姜思达的撩妹招数区别这么大

2017-06-08 H5案例分享 H5案例分享

案例：情书or陌陌？Dr.魏、姜思达的撩妹招数区别这么大

出品：东风日产

亮点：

策划上，图文展示类，① 在2117年的科技博物馆现场，那时有一场《100年前的古人是用什么科技手段撩妹？》的有趣展览，机器人会介绍100年前不同时代大家是通过怎样的科技手段撩妹的，比如从寻呼机到QQ，再者从陌陌到QQ等；② 最后落点是在“技术的革新让思念的心情不再漂洋过海，科技爆炸对人类生活方式和价值观产生了巨大的改变”；③ 从而引出6月7日的峰会相关预告信息：人类如何利用科技突破才能更好改变世界，发现未知美好，一起来北京电邮大学穿越，寻找未知的自己。
设计上，科技风格，采用蓝色作为主色调，画面的空间立体感很强，里面介绍100年前不同时代大家的科技手段撩妹的小机器人很可爱，让小编想起《机器总动员》里的Eva，里面的两个小机器人之间的爱情故事也很令人动容。
技术上，首屏科技博物馆现场的动态画面采用的是Html5的Video视频，左右滑动看不同的时代的撩妹手段采用的是JS滑屏组件Swiper。

技术实现： jQuery + Swiper

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

识别图中二维码

情书or陌陌？Dr.魏、姜思达的撩妹招数区别这么大-查阅二维码

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

标签