网易云音乐X网易音乐人：世纪青年招待所

2022-07-13 H5案例分享 H5案例分享

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

识别图中二维码

世纪青年招待所-查阅二维码

完整欣赏此案例大约需要40秒

案例：世纪青年招待所

品牌：网易云音乐X网易音乐人

技术实现： html5

亮点：

毕业季来袭，网易云音乐为用户准备了青春中带有个性的音乐清单，把爱好化作一杯酒，一半敬过去一半敬未来，一起云喝酒和聆听曲目。

在网易云音乐搜索“世纪青年招待所”，来到小酒馆前台，在选择题中进行口味搭配，包括领取毕业特饮的时间，毕业心情，选择基酒和辅料，海报生成，包括特饮图，名字，配方，饮用说明，和背景乐名字，用户可点击领取海报和进入歌单。

第一视角来到吧台和领取饮用说明，棕色系为主，很符合年轻人喜欢的潮流主题和画风。饮用说明的语言很动人，有点浪漫有点文艺。

歌曲很好听，很随性的感觉，推荐听一下。

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

标签