由你音乐榜：还是朋友吗？测测就知道
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例：还是朋友吗？测测就知道
品牌：由你音乐榜
技术实现： vuejs
亮点：
- 创意定位
由你音乐榜推出的测试与好友音乐默契的作品，以此展现“由你音乐榜”对音乐潮流的把握。
- 策划逻辑
加载界面是一个音乐播放缩略框，主界面是标题和两个带着耳机听音乐的卡通脸庞，用户可先查看玩法然后点击进入作品，若是已经分享给了好友也可在主页点击查看默契度，开始测试后每次出现两个歌曲，用户点击试听后选择自己喜欢哪个，五组测试后生成海报，包括用户名和音乐偏好解析及主图，用户可点击登录平台，或分享给好友测试默契值。
- 设计上
每次出现的两个歌曲曲风差别较大，方便用户感受自己更喜欢哪种。
4． 交互上
每首歌可试听20秒左右，可以反复聆听，点击“我选这首”后直接进入下一题，也可返回重新选择。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
