网易花田：恋爱智商测试仪测测你的恋爱智商

2019-04-02 H5案例分享 H5案例分享

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

识别图中二维码

恋爱智商测试仪测测你的恋爱智商-查阅二维码

完整欣赏此案例大约需要43秒

案例：恋爱智商测试仪测测你的恋爱智商

品牌：网易花田

亮点：

创意定位：网易花田推出的测试类的H5，为测试恋爱智商，进而推出下载网易花田从中可以找到最合适的人。
策划上，①首页是“恋爱智商测试仪”，测测你恋爱时的智商，点击“马上测试”按钮，②你和异性伴侣偶遇一家礼品店，你们走进去逛了起来，根据第一反应挑选5样物品，点击“开始挑选”按钮。③一共有二十种物品，选择5种，选择完之后，点击“选好了”按钮。④最后生成一张你的全球恋爱智商水平认证书，有恋爱智商分数，水平区间和评语，中间有雷达图，从六个方面看恋爱的能力，下方有“不服重测”可以重新测试，还有生成恋商证书，长按可以保存，二维码形成回流。最下方有网易花田，脱单神器，点击按钮，跳转到网易花田网页。
设计上，粉色为主色调，恋爱气息满满。
体验上，操作简单，趣味性强，整体画面也是恋爱气息的氛围。

技术实现： vue

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

标签