由你音乐榜:还是朋友吗?测测就知道

2019-12-21 H5案例分享 H5案例分享
由你音乐榜:还是朋友吗?测测就知道


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

识别图中二维码

还是朋友吗?测测就知道-查阅二维码

完整欣赏此案例大约需要3分钟


案例:还是朋友吗?测测就知道

品牌:由你音乐榜

技术实现: vuejs

亮点:

  1. 创意定位

由你音乐榜推出的测试与好友音乐默契的作品,以此展现“由你音乐榜”对音乐潮流的把握。

 

  1. 策划逻辑

加载界面是一个音乐播放缩略框,主界面是标题和两个带着耳机听音乐的卡通脸庞,用户可先查看玩法然后点击进入作品,若是已经分享给了好友也可在主页点击查看默契度,开始测试后每次出现两个歌曲,用户点击试听后选择自己喜欢哪个,五组测试后生成海报,包括用户名和音乐偏好解析及主图,用户可点击登录平台,或分享给好友测试默契值。

 

  1. 设计上

每次出现的两个歌曲曲风差别较大,方便用户感受自己更喜欢哪种。

 

4. 交互上

每首歌可试听20秒左右,可以反复聆听,点击“我选这首”后直接进入下一题,也可返回重新选择。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

咪咕中信书店:我们三观匹配吗?

腾讯游戏X QQ音乐:去听见无限可能

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~