网易云音乐 x VIVO手机:对世界说晚安

2019-05-07 H5案例分享 H5案例分享
网易云音乐 x VIVO手机:对世界说晚安


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

识别图中二维码

对世界说晚安-查阅二维码

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


案例:对世界说晚安

品牌:网易云音乐 x VIVO手机

亮点:

  1. 创意定位

很多人都喜欢听着歌入睡,网易云音乐总结了被反复播放次数最多的歌曲,为用户推荐睡前歌曲,并联合VIVO手机拍摄超清夜景照片,为用户生成晚安海报,用户可保存海报和分享作品,以此提高网易云音乐和VIVO手机的知名度和作品传播范围。

 

  1. 策划逻辑

加载完毕后,用户先选择歌曲再选择海报背景①歌曲选择。黑暗的屏幕上有个暗色的手机,点击触点播放视频,视频阐述了许多人喜欢听歌入睡的习惯,早晨醒来歌曲还在播放,随后总结了过去近100天,被反复聆听的27首歌曲,点击屏幕上人物的手机,系统推荐一首歌曲,用户不满意的话可以点击歌曲名进行编辑,随后点击“生成晚安指南”。②选择背景。左右滑动屏幕,选择一副自己喜欢的夜景图,图片下方有出品方名称,选择好后点击拍摄键,生成海报。③海报包括刚才的推荐歌曲和背景图,简短的晚安指南,以及出品方名称,用户可以保存海报或者点击“和TA说晚安”进行作品分享。

 

  1. 设计上

深蓝色的背景下,只有手机,耳机,和人物是白色发亮的,烘托了在安静深沉的夜晚,音乐对于心灵的慰藉和陪伴。

 

  1. 体验上

作品视觉感很好,简单干净的画面,手机里的歌曲通过耳机点亮了整个人物,直白的反映出了许多人在夜晚听歌时候的感受,VIVO的夜景照片很多,有万家灯火,也有一人独坐,众生百相都在其中。



技术实现: html5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易云音乐:M2心理绘画 画出你的潜意识

网易考拉:我的全球品牌地图

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~