Dyson 戴森:2017戴森灰尘白皮书

2017-08-16 H5案例分享 H5案例分享
Dyson 戴森:2017戴森灰尘白皮书

案例:2017戴森灰尘白皮书

出品:Dyson 戴森

亮点:

  1. 策划上,这款h5是戴森公司为戴森除尘器所打造的一款宣传h5,在这款h5中,戴森通过历时35天,研究102户真实家庭从而发现了5大过敏原,然后依次介绍了这5过敏原,为接下来的宣传本公司的戴森除尘器做了一个很好的铺垫工作。
  2. 设计上,这款h5是一款长屏h5,用户可以通过手指滑动或者手指点击去选择查看自己所要了解的内容。在这款h5中,设计者将5大过敏原以及戴森除尘器放在同一框页面中的展示,通过用户点击“加号”,继而弹出过敏原的介绍,从而在危害与解决办法的对比中,更好的宣传此款产品。
  3. 技术上,这支H5主要是jQuery+Swiper+Tansform动画。



技术实现: jQuery+Swiper+Tansform动画



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

识别图中二维码

2017戴森灰尘白皮书-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Segway 赛格威:深夜潜入Segway旗舰店,窃取绝密文件

江小白:看看谁最大

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~