新华网 + 思客 + Keep：你离健身达人有多远

2019-08-08 H5案例分享 H5案例分享

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

识别图中二维码

你离健身达人有多远-查阅二维码

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

案例：你离健身达人有多远

品牌：新华网 + 思客 + Keep

亮点：

在8月8日推出的全民健身作品，作品以多段视频五个选择题的方式进行，全部看完后喊出健身口号：全民健身，算我一个。

作品大致有三个阶段

①开始界面。一段快闪视频后，让用户选择健身达人开始测试，画面显示一个小哥哥，一个小姐姐。

②一共五道题，看视频的时候，会根据主角说的话，弹出一些关于健身的提问，用户在选择某个选项后会有响应的视频回答，接着进入下一题。第三个题用一个卡通游戏的形式，通过不断点击，模拟一瓶可乐相当于跑多少公里数的能量，形象生动。

③全部回答完毕后，会有一段很燃的视频，接着让用户长按按钮喊出健身口号，进入一段网友的采访，结束的时候可以继续选择另一个角色进行。

视频中穿插各种数据图，让用户一眼就可以得知要表达的内容，提问的问题带有很多有趣的文案，激励用户去健身。

先看视频再回答问题，让用户的实际体验感更强一些，美丽可爱的小姐姐、阳光帅气的小哥哥拍的视频也很具观赏性，所以赶紧行动起来去健身吧。

技术实现： video,createjs

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

标签