网易云音乐 + 梦幻西游手游：把5年做成一张专辑

2020-03-30 H5案例分享 H5案例分享

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

识别图中二维码

把5年做成一张专辑-查阅二维码

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

案例：把5年做成一张专辑

品牌：网易云音乐 + 梦幻西游手游

技术实现： vuejs

亮点：

1、创意定位

网易云音乐和梦幻西游手游联合出品的H5，回答6道问题，生成一张专辑，会推荐5首网易云音乐的歌曲；H5主KV的名字，“梦幻唱片店”与梦幻西游手游的“梦幻”相呼应。

2、策划上

① 问题回答生成推荐音乐清单，首先长按进入H5，主KV页中，展示“梦幻唱片店”，自动进入一个小女孩的梦想柜台，点击对话的气泡，进入6道问题；

② 6道问题很感性，从2015年问到2020年，问题无所谓正确与错误；每道问题4个选项；回答了问题后，上传定制五年专辑封面，输入用户名，两项后，点击“GO”按钮；

③ 生成从2015到2020的歌单，每年一首，可以重新制作，生成的歌单可以长按保存。

3、设计上

浅粉色和绛蓝色为主色调，背景渐变和按钮都颗粒度的处理；梦想的“梦”采用梦幻西游手游的黄色，产生品牌联想。

4、体验上

随着感觉选择选项，生成的歌单，歌曲无所谓，但是生成的歌单还是蛮期待。

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

标签