Five Plus：今夜，摇起来为Hebe加油

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

案例：今夜，摇起来为Hebe加油

出品：Five Plus

亮点：

策划上，摇一摇小游戏类。进入页面可点击三个场景：第一个场景是Hebe演唱会“现场”，选择道具，开始摇动手机，摇晃时间长短决定排名；第二个场景是一段Five Plus的宣传视频；第三个场景是Five Plus服装展示图片。
设计上，紫色霓虹效果作为主色调，整体透出一种演唱会的气氛。音乐片段截取较完整，虽然时间较短，但听着起码是舒服的。主题是Hebe，但是小编并没有看到Hebe的照片，略失望，倒是觉得视频里的Model好美啊！
体验上，进入演唱会和返回，都要刷新进入新页面，导致操作过程不够流畅。摇手机环节，看排行榜，真的有人听着这么一小段旋律摇了近一个小时么？小编虽然很喜欢Hebe和她的歌，但是觉得，干摇手机一个小时并不能说明是脑残粉，而是说明该去医院了。没有看出来此游戏意义在哪。

技术实现： Zepto + Swiper

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

识别图中二维码

今夜，摇起来为Hebe加油-查阅二维码

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

标签