脉脉：解压实验室

2018-08-06 H5案例分享 H5案例分享

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

识别图中二维码

解压实验室-查阅二维码

完整欣赏此案例大约需要3-10分钟

案例：解压实验室

出品：脉脉

亮点：

创意定位，以“解压实验室”为主题，利用3款H5限时小游戏：捏气泡、走迷宫、提方案，来测试和解放职场人的压力，形成分享和传播，带来品牌曝光和产品的认知。
策划上，总共分为3个小游戏：① 活动主页，用户点击“立即解压”随机进入一个游戏；② 玩游戏，例如：捏气泡，限时时间到后，会根据用户的成绩给出两个选择：继续玩下一个游戏，还是直接看评测。继续玩，就进入另一个小游戏，看评测，就进游戏评测结果海报页；③ 评测结果，包含一个漫画形象+一句搞怪文案，品牌及Slogan，以及回流二维码。长按可以保存评测结果海报。
体验上，有三点需要改进：① 弹出层太多，总断；② 游戏的“开始按钮”多余；③ 结果页返回逻辑不流畅。

技术实现： jQuery + Hilo + VelocityJS

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

标签