网易花田：5秒测你体内外星人基因占比

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

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

识别图中二维码

5秒测你体内外星人基因占比-查阅二维码

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

案例：5秒测你体内外星人基因占比

品牌：网易花田

亮点：

创意定位：网易花田推出的测试类的H5，测试你体内外星人的基因占比。
策划上，①首页标题是“测你体内外星人基因占比”，点击“马上测验”按钮，②进入花田宇宙实验室，根据提示，用手指长按住针口，开始外星人基因测试，中间松开后会显示，血量不足需要重新抽血，血量抽满会显示各种检测数据，③最后生成一张基因图，有外星基因占比、罕见级别、回到母星几率、毁灭地球几率，还有外星祖源基因分析各占百分之多少，长按可以保存图片，二维码形成回流。
设计上，颗粒度效果，深蓝色为主色调。
体验上，跨宇宙级别的谈恋爱，结果丰富，趣味性强。

技术实现： vue

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

标签