QQ音乐:你的QQ音乐年度歌单

2020-01-09 H5案例分享 H5案例分享
QQ音乐:你的QQ音乐年度歌单


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

识别图中二维码

你的QQ音乐年度歌单-查阅二维码

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


案例:你的QQ音乐年度歌单

品牌:QQ音乐

技术实现: html5

亮点:

1、创意定位
QQ音乐通过后台盘点出用户的2019年歌单数据,以情怀的形式唤醒用户。

 

2、策划逻辑

以2019年听歌数据为支撑,调出用户2019年的特定数据加以展示和修饰,通过简单的H5就能看到自己的2019,甚至能有些回忆。

 

滑动回顾你的一年,看到自己的2019年度歌单,再次滑动看到自己播放的第一首音乐总播放次数和听歌时间总和,收藏的第一首歌是在那个时间段,最早的听歌时刻是在几点,夜晚最喜欢听的歌是什么,最难忘的主题曲听了多少次,眼睛都喜欢的歌是什么,自己最喜欢听那种类型的歌,年度最爱艺人的歌是谁,年度听歌次数最多的是那一首最后形成自己的2019年报告。

 

3、设计风格
不一样的颜色代表不一样的你,开头的品牌绿很是抢眼。

 

4、交互上

交互上平平淡淡,没有太大惊喜,交互也非常简单,手动点击或者往上滑都可。





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

标签

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

相关推荐:

虾米音乐:奇境荒岛派对 | 快来制作你的2019年度专属唱片

网易云音乐:网易云音乐六周年,和每一个你一起度过

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~