网易云音乐:你给我变个rapper试试!

2019-08-30 H5案例分享 H5案例分享
网易云音乐:你给我变个rapper试试!


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

识别图中二维码

你给我变个rapper试试!-查阅二维码

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


案例:你给我变个rapper试试!

品牌:网易云音乐

亮点:

  1. 创意定位

网易云音乐出品,设计自己的rapper造型的H5作品,设计完毕后可生成海报,查看最后的效果图,自己是哪种类型的rapper,以及网易云推荐的歌曲。

 

  1. 策划逻辑

加载界面显示“意识通道正在连接”,进入作品后是一间手绘的Rapper的房间,字幕显示“你”断片了什么都想不起来,但是马上要拍摄杂志大片,赶紧造型,根据提示输入名字和性别,选择海报pose,发型,衣服和配饰,生成海报,海报包括用户名,主图,标题(rapper属性),和推荐歌曲,用户可保存海报或去网易云搜索歌曲试听。

 

  1. 设计上

简洁的手绘风格,颜色鲜艳饱满,发型和衣服配饰也都是非常潮酷的rapper常用造型。

 

  1. 交互上

镜头在屋子里移动,锁定物品生成问题后进入选择界面,用户可以逐个点击查看搭配效果,配饰可以做多项选择。



技术实现: html5



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

标签

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

相关推荐:

中南集团:一厘米温暖夏令营行程大揭秘

NISSAN 东风日产 :我的最燃hiphop

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~