网易云音乐X广汽丰田：测测你的音乐品味有多潮

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

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

识别图中二维码

测测你的音乐品味有多潮-查阅二维码

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

案例：测测你的音乐品味有多潮

品牌：网易云音乐X广汽丰田

技术实现： html5

亮点：

1.创意定位

音乐不仅是生活的陪伴，爱听什么歌，也是审美偏好的表现。关于音乐的那些事，你有什么个人喜好，参与测试，看看自己的风格偏好，还有意外惊喜哦！

2.策划逻辑

浏览主页的导语后，开始答题，共五道问题，包括喜欢谁的歌声，选择一段喜欢的demo，音乐节装备，给自己的舞台选一个BGM，喜欢哪个音乐场合，输入名字，生成结果海报，包括用户的音乐品味风格，在所有用户中的占比，音乐特质，下方是丰田C-HR的照片，用户可抽取丰田盲盒和登录浏览车辆信息。

3.设计上

粉色与紫色互相晕染的背景，打造浪漫又有点迷幻的感觉。

4.音效上

节奏拍子很明显的背景音乐，让用户不自觉的跟上节奏，进入测试情景。

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

标签