网易云音乐：2021年度听歌报告

2021-12-29 H5案例分享 H5案例分享

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

识别图中二维码

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

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

案例：2021年度听歌报告

品牌：网易云音乐

技术实现： JavaScript

亮点：

1、创意定位

网易云音乐品牌宣传H5，获取用户听歌数据，粘合老用户，在老用户分享听歌报告的同时，引导新用户下载APP。

2、策划上

① 网易云音乐APP中搜“年度报告”，进入主KV页中，勾选下方授权协议，点击“开启”按钮，首先选择形象，用户滑动选择已经预制好的形象，也可以点击“+定制”按钮，选择头部、上身和下身的形象；

② 形象生成完毕后，点击进入报告；会有2021年用户在网易云音乐的数据，例如邂逅的歌手数，新歌手数，曲风、最爱的歌曲、歌单列表等；

③ 尾页中，还有提示有彩蛋；彩蛋中引导用户查看，和用户音乐品味相同的其他用户。

3、设计上

轻快的插画风，用色比较鲜亮，贯穿H5中有用户开始定制的形象人物，画面中也配有音符元素。

4、体验上

小五是在朋友圈看到好友分享，才查看自己的网易云音乐年度报告；分享和查看年度报告的乐趣是和自己相关的数据。

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

标签