新世相x研究所：测测你的少女心

2019-03-07 H5案例分享 H5案例分享

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

识别图中二维码

测测你的少女心-查阅二维码

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

案例：测测你的少女心

品牌：新世相x研究所

亮点：

1.创意定位

简简单单的测试题小游戏，邀请用户测试自己的少女心指数。

2.策划上

①用户进入H5后，需要先填写昵称再开始测试，昵称字数不超过8个字。②测试开始，一共8道题，每道题四个选项，点击选项便会自动跳到下一题。回答完最后一道题，便会自动开始生成结果。③结果页由三部分组成，用户的少女心指数、五个维度的雷达图以及一段总结文案。用户可以选择长按，保存海报。

3.设计上

十分清新的画风，整体的页面设计都很有少女心，背景音乐也很有情调。

4.体验上

加载迅速，操作流畅，非常纯粹又常规的测试题，没有后续的宣传和广告，也没有引导转发，反而让人觉得少了点什么。

技术实现： jQuery

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

标签