聚划算&时尚芭莎：让一部分人先cool起来

2016-09-19 H5案例分享 H5案例分享

案例：让一部分人先cool起来

出品：聚划算&时尚芭莎

亮点：

策划上，图文展示+全景类。载入完毕进入页面，横屏观看，是一幅可以通过重力感应来上下左右观看的画，画面上有一些打扮很“土”的人和小狗，还有配字，中间提示“持续涂擦屏幕，解锁变酷新姿势”，此时涂抹画面，将大部分区域涂抹之后，会出现第二幅画，是第一幅得升级版，一切都变得很cool。在中间选择活动详情传送可以跳转到相关活动页面。
设计上，酷炫风格，色彩很丰富。第一幅画会像受到干扰一样，不停地闪动，仿佛背后藏着什么东西，此时涂抹屏幕才恍然大悟。第一幅说是“土”，但整体画面表现还是很赞，只是用夸张的手法和文字表现出了“土”的部分。背景音乐也很有感觉。
体验上，酷和土的对比非常强烈，视觉冲击感很强。小编进入活动详情页后，好希望也能有人给自己来个超级大蜕变啊啊啊！

技术实现： JavaScript

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

识别图中二维码

让一部分人先cool起来-查阅二维码

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

标签