博世热力旗舰店：空净侠大战过敏原
案例：空净侠大战过敏原
出品：博世热力旗舰店
亮点：
- 策划上，采用彩色动画及文字，幽默地演绎了“甄嬛传”、“闻香识女人”等五部经典的电影电视剧的桥段，并将“过敏原”这一因素嵌入，给用户提供了“空净侠”来消灭过敏原，保证剧情美好的发展。整个过程风趣幽默，小编频频笑出声。
- 设计上，动画色彩丰富，对比明显，空净侠这一拯救世界的角色设计成白色，给人以纯净及安全的感觉。载入页面进度条是从右向左展开。
- 交互上，左上角魔性洗脑的背景音可以点击开关，右上角两个按钮分别可以分享此页及跳转到空净侠购买网址。动画中，向左拖动空净侠消灭过敏原。交互简单而有趣。
技术实现： jQuery + CSS3(animation)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
