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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号