网易云音乐：拍照这件事，真的不能输！！！

2018-04-10 H5案例分享 H5案例分享

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

识别图中二维码

拍照这件事，真的不能输！！！-查阅二维码

完整欣赏此案例大约需要3分10秒

案例：拍照这件事，真的不能输！！！

出品：网易云音乐

亮点：

策划上，视频类，这是网易云音乐对其旗下的网红酒店的宣传。进入首页，提问做一个网红究竟有多累，点击进入看到一个网红全副武装到达网红酒店之后竟棋逢对手，与同为网红的薇薇安开启了一场拍照争夺战。介绍该网红酒店的主题房样式供两位网红选择。第一轮比拼，网红微微安的设定是选择民谣房，拍照内容是红酒，若用户选择跟薇薇安一样则将进行一场争夺大战，最终平局告终；若选择爵士乐房或EDM房，则会胜出。第二轮，剧情为网红薇薇安和用户争抢座位，最终被别人拍照发布到网上，二人顺利的“火了”。视频结束引导用户再看看其他房间、进入网易云音乐听听歌或是分享。
设计上，以红色为主色调，全程视频呈现加一些点击交互，让用户不会觉得枯燥，每个选择的结果不同，引导用户多了解该宣传，以网红为话题，引起用户的兴趣。
体验上，该宣传以网红为素材，视频播放加几处交互，让用户体验真的在选择主题房的感觉，同时在视频中可以get各种网红小心机了，更加传授了我们拍照技巧，以后出去玩再也不怕拍照不好看啦。

技术实现： JavaScript + jQuery

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

标签