网易云音乐：直男恋爱求生欲测试

2018-12-18 H5案例分享 H5案例分享

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

识别图中二维码

直男恋爱求生欲测试-查阅二维码

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

案例：直男恋爱求生欲测试

出品：网易云音乐

亮点：

策划上，①一款答题测试类H5，测试用户的恋爱生存能力，②用户在首页点击开始测试进入答题，一共八道测试题，每道题三个选项，每道题都有一首歌可以进行点击，第一道题是女朋友问你知道今天是什么日子吗；第二道题是你给女友看了你哥们新女友的照片，她看完说这姑娘真好看，你怎么回复女友；第三个问题是傍晚下课回寝室的路上，迎面走来和暧昧依旧的女神，你怎么做让你们的关系明朗起来；第四个问题是一个漂亮女生要求你教她弹吉他，女友发来死亡凝视，如何做让女生知难而退；第五个问题是女友把竖笛拿反了，你怎么化解这个危机；第六个问题是抹布脱手飞到了女友的脑袋上，如何应对；第七个问题是哼了几句前任常听的歌来，怎么解释；第八个问题是主动帮女友擦黑板，交换生挑衅你，怎么挽回尊严，下方更有加入黑胶VIP的按钮，点击即可跳转至网易云音乐，④测试完成后生成一张恋爱生存能力的海报，并有评语和恋爱主题歌。
设计上，采取插画手绘风格，淡蓝色为背景色。
体验上，恋爱的时候不要有啥说啥，需要洞察女性的心里，恋爱需谨慎。

技术实现： Raven webpack

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

标签