QQ音乐：QQ音乐VIP十周年庆

2018-03-26 H5案例分享 H5案例分享

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

识别图中二维码

QQ音乐VIP十周年庆-查阅二维码

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

案例：QQ音乐VIP十周年庆

出品：QQ音乐

亮点：

策划上，视频类。这是QQ音乐对其旗下的VIP绿钻的宣传。进入首页，点击视频开始，QQ漏出QQ的大宝贝——绿洛蒙，让他与音乐结合看看，可以听杰伦的歌了哦，接着，再多加一点看看，原来是疯狂嘶吼的——死了都要爱，接着加点后悔药试试，“如果能重来，我要选李白”不绝于耳，最后再来点diss，“老子吃火锅，你吃火锅底料”疯狂diss。炫酷狂拽吊炸天，只需要拥有QQ音乐VIP——绿钻。视频结束引导用户开通VIP或是分享。
设计上，以绿色为颜色主调，文字颜色丰富，清楚的传递了所要表达的信息，文字的出入屏方式多种多样，增加了读者的乐趣，打破了单一的规格。并且以快闪的形式展现整个内容，剧情炫酷狂拽吊炸天，给用户一次视觉的冲击体验。
体验上，加载比较流畅，使用了快闪的风格，节奏控制的很好，视频内容发展迅速，不拖沓，也不至于太快看不清。同时视频中将QQ音乐绿钻虚拟成绿洛蒙，根据配方，即风格的不同，展现不同的动画及音乐场景，很有意思。歌曲均与爱相关，符合VIP周年庆的主题。

技术实现： zepto.js + video

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

标签