JuiceUp 排毒蔬果汁：你敢在办公室里变瘦吗？

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

案例：你敢在办公室里变瘦吗？

出品：JuiceUp 排毒蔬果汁

亮点：

策划上，互动小游戏类。进入页面后会问用户“敢在办公室里变瘦吗？”，可以点击选择，小编选择了“不敢”，却被告知“胆小鬼请关闭页面呵！”，于是选择“我又敢了”进入下一页面，此时看到一个看不见脸的运动型美女在你面前，想瘦哪里，你就点击她身上对应的地方，便可进入互动环节，会有看得见脸的美女引导你做运动，手机拿在手里，重复她的动作，做六个便可完成激活这套果汁，在下一页面长按指纹，可以降低果汁的价格。最后还附带了一个双屏互动倒果汁的小游戏。
设计上，主色调为白和浅灰，看起来干净整洁。运动环节使用了重力感应技术，做动作时，每做一个，都会用活一个果汁，并有加油鼓励的文字，背景音乐也很青春有活力。好看又好玩的一款H5。运动型身材真的太有吸引力了，小编要减肥变型男！
体验上，整体效果很流畅，不过做完一组动作便进入了广告时间，没有设置重新选择去瘦别的地方。运动时，虽然甩一下手机也算完成动作，但是既然有美女相伴，还是会乖乖去做的~哈哈哈！

技术实现： jQuery

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

识别图中二维码

你敢在办公室里变瘦吗？-查阅二维码

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

标签