网易：男神女神快现身

2018-03-20 H5案例分享 H5案例分享

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

识别图中二维码

男神女神快现身-查阅二维码

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

案例：男神女神快现身

出品：网易

亮点：

策划上，网易新闻品牌宣传H5，首先选择你是寻找女神，还是男神，而后出8个问题，分享到微信群或者朋友圈，最后看玩游戏的好友，与你匹配百分比。如果你选择了女神，大约18个问题供你选择，你只需要选择其中的8个问题分享到朋友圈，如果对当前系统推荐的问题不满意，可以点击屏幕下面的换一换按钮，换一道问题；如果你选择男神，大约有22个问题供你选择。
设计上，扁平风格。
体验上，因为提供了很多问题，你可以随机选择8个问题来出题，首先是你回答问题，答案没有对错。再次进入H5，可以看到好友中，回答问题的人，与你的匹配度，可以看到好友和你对相同问题的认知度。你还可以匿名回答问题。这点还是很有意思。

技术实现： jQuery + Tween.js

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

标签