来伊份：你的智商今天还好吗？

2017-10-23 H5案例分享 H5案例分享

案例：你的智商今天还好吗？

出品：来伊份

亮点：

策划上，视频+测试答题。Loading完毕，点击“进入”开始播放视频。视频交待故事背景，即核桃星人的历史，以及它们要“侵略人类”的目的。由此引出测试答题环节，当用户答对五道核桃星人出的脑洞题，便可拯救地球。答题限时3分钟，一共有3次提示机会，点击屏幕下方“提示”按钮便可使用，用户也能点击按钮求助好友。答题完毕，或者限时已到，都可填写信息抽取奖品。

设计上，深蓝色宇宙背景色，主角是可爱的卡通核桃星人形象。视频部分，旁白配音非常逗比，把故事讲述得非常有趣，画面的动画效果也很有观赏性。答题部分，每道题脑洞都很大，答对了会很有成就感。小五还觉得题目的设定有点“最囧游戏”的影子。

体验上，故事有趣，答题有成就感，这是案例带给我的第一感觉。视频部分也很人性化地设置了跳过按钮，用户可以直接跳过视频进入答题部分。答题结束也没有草草收尾，而是讲述了故事的后续，并告诉用户“未完待续”，留下悬念，耐人寻味。

技术实现： Video + Flexible + jQuery

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

识别图中二维码

你的智商今天还好吗？-查阅二维码

完整欣赏此案例大约需要2分30秒

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

标签