网易云音乐X云村十周年：我的十年听歌报告

2023-05-31 H5案例分享 H5案例分享

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

识别图中二维码

我的十年听歌报告-查阅二维码

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

案例：我的十年听歌报告

品牌：网易云音乐X云村十周年

技术实现： html5

亮点：

1.创意定位

网易云音乐已经伴随大家走过了十年光景，在这一段长长的时光里，是哪些歌曲伴随你走过了每一个春夏秋冬？当时的你又是在怎样的心情下与歌相伴？一起走进回顾之旅。

2.策划逻辑

授权跳转至网易云平台后，上划屏幕浏览具体内容，作品用年份倒叙的顺序，先给出年度歌曲，然后是季度歌曲和情绪词总结，最后是用户获得的称号和个人歌单。

3.设计上

熟悉的黑胶唱片旋转与歌手专辑封面结合的界面穿插到每页的详情图中，伴随时间的倒叙，用情绪词概括当时的听歌状况，引发回忆情怀。

4.交互上

越常用网易云的用户，数据会留下得越详细，作品铺展得也会越多，跟着作品重新走一遍完全由个人兴趣定制的音乐之路，回顾美好时光和心路历程，感触颇深，尽情体会。

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

标签