网易云音乐 x VIVO手机:对世界说晚安
![网易云音乐 x VIVO手机:对世界说晚安](https://niu.h5anli.com/Uploads3/201905/155719905716819.jpg)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:对世界说晚安
品牌:网易云音乐 x VIVO手机
亮点:
- 创意定位
很多人都喜欢听着歌入睡,网易云音乐总结了被反复播放次数最多的歌曲,为用户推荐睡前歌曲,并联合VIVO手机拍摄超清夜景照片,为用户生成晚安海报,用户可保存海报和分享作品,以此提高网易云音乐和VIVO手机的知名度和作品传播范围。
- 策划逻辑
加载完毕后,用户先选择歌曲再选择海报背景①歌曲选择。黑暗的屏幕上有个暗色的手机,点击触点播放视频,视频阐述了许多人喜欢听歌入睡的习惯,早晨醒来歌曲还在播放,随后总结了过去近100天,被反复聆听的27首歌曲,点击屏幕上人物的手机,系统推荐一首歌曲,用户不满意的话可以点击歌曲名进行编辑,随后点击“生成晚安指南”。②选择背景。左右滑动屏幕,选择一副自己喜欢的夜景图,图片下方有出品方名称,选择好后点击拍摄键,生成海报。③海报包括刚才的推荐歌曲和背景图,简短的晚安指南,以及出品方名称,用户可以保存海报或者点击“和TA说晚安”进行作品分享。
- 设计上
深蓝色的背景下,只有手机,耳机,和人物是白色发亮的,烘托了在安静深沉的夜晚,音乐对于心灵的慰藉和陪伴。
- 体验上
作品视觉感很好,简单干净的画面,手机里的歌曲通过耳机点亮了整个人物,直白的反映出了许多人在夜晚听歌时候的感受,VIVO的夜景照片很多,有万家灯火,也有一人独坐,众生百相都在其中。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
![](https://niu.h5anli.com/images/qrs.jpg)
微信扫一扫
关注该公众号