网易云音乐:年度听歌报告

2019-01-04 H5案例分享 H5案例分享
网易云音乐:年度听歌报告


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

识别图中二维码

年度听歌报告-查阅二维码

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


案例:年度听歌报告

出品:网易云音乐

亮点:

1. 创意上

 分析用户的听歌习惯,给出具体的数字,这些数字才是最迷人,而且巧妙融入聊天功能。

 

2. 策划上

以“遇见你,真好”开始,列出了很多数据:

在网易云音乐里听了多少首音乐,

喜欢在什么时候听歌,

在网易云音乐了,最多的歌词是什么,出现了多少次,这个词出现在哪些歌曲里,

例如了一个具体时刻,听了什么歌

这一年(2018年),你有多少天,深夜12点后听歌,

具体的哪首歌,听了具体的次数,听这首歌听了多少天

还列出你听的歌曲中,发行最早的歌曲,

列举了其中一位歌手(乐队)听得次数每个歌曲听的次数

2018年听音乐的总时间(单位为小时)

列出2018年根据个人听歌,列出每个人最爱的歌。

最后,引导用户进入聊天,通过人工智能AI的引导,用户需要默认有5首喜欢的歌曲,进入界面后,让用户选择性别,AI会根据用户喜欢的歌曲,匹配一个陌生的人一起听一首歌,让两个陌生的人通过歌曲,进行聊天。

 

3. 设计上

暖色系,浅色调,主色调为橘色,颗粒度画质。每一屏的右下脚,都有快速进入聊天功能入口。

 

4. 体验上

需要在网易云音乐APP内观看,H5中所有数据都是和自己相关,增加了页面的魅力,更乐意分享。小五的朋友圈就有很多截图分享网易云音乐「年度报告」的朋友。



技术实现: zepto



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

标签

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

相关推荐:

网易云音乐:网易云音乐陪你温暖同行

网易云音乐那些刷屏,和未刷屏的H5案例,你能总结到什么?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~