QQ音乐:2023 QQ音乐年度听歌报告

2024-05-09 H5案例分享 H5案例分享
QQ音乐:2023 QQ音乐年度听歌报告


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

识别图中二维码

2023 QQ音乐年度听歌报告-查阅二维码

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


案例:2023 QQ音乐年度听歌报告

品牌:QQ音乐

技术实现: HTML5+Video

亮点:

1.创意定位

2023QQ音乐年度听歌报告,QQ音乐以用户2023年的听歌数据为基础,将音乐记录视觉化,形成一个展览,而展览的策展人就是用户自己。通过几个章节和不同展厅展出用户2023年的音乐过往,包括:独家/藏品、音乐/颜色、音乐空间,最后展示QQ音乐18周年音乐回忆,把用户每年听得最多的歌手、歌曲展示出来。回忆满满,深情款款。

 

2.策划逻辑

通过H5链接,会跳转至QQ音乐APP内,用户勾选用户协议,点击授权,才能正常进入。

 

整个2023QQ音乐年度听歌报告,用展馆的形式来展现。炫酷、艺术,可以说是一场视听盛宴。每一个展馆,都陈列着用户过往在QQ音乐里留下的点滴痕迹,或许你已经忘记,又或许你压根不曾记起,你曾经那么晚循环听一首歌。又或者一个旋律响起,便能把你带入另一个时空记忆。

 

整个展分为四大部分。第一个章节为独家/藏品,2023年你的灵魂缪斯歌手,你的宝藏歌手,你的镇馆之宝,你的年度歌单,难度艺术关键词都在这一部分展出。

 

第二个章节为音乐/颜色。你的年度音乐人格,音乐年龄,欧美音乐艺术家歌单,四季的心情颜色,每一种颜色对应一首你这个季节最爱的歌。

 

第三个章节为音乐空间。用空间立体形状展出2023年你最热歌单。

 

第四个部分是18周年音乐回忆。点击交互后,有多年的清单体,还能「再抽一次」一直点击,每次生成一首不同的歌。

 

3.视觉交互

整体用艺术展馆的形式展示音乐作品,音乐作品可以手动触发播放。形成艺术感十足的视听盛宴。

 

交互方式主要采用点击和重力感应,让整个展馆在体验的过程中,形成重力微动效果,真实有质感,交互感十足。

 

4.用户体验

 

QQ音乐推出的年度听歌展厅,征服用户的不仅仅是展馆的奢华布置和艺术动效,更是产品的用心,以及对自己过往的感动。





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

标签

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

相关推荐:

腾讯游戏&QQ音乐:AI古琴疗愈师诊断中...

QQ音乐X说唱者联盟X晴空:你的说唱年终奖

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~