芒果TV：洪老师@你并送你《歌手》珍藏版免费黑胶唱片

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

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

识别图中二维码

洪老师@你并送你《歌手》珍藏版免费黑胶唱片-查阅二维码

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

案例：洪老师@你并送你《歌手》珍藏版免费黑胶唱片

出品：芒果TV

亮点：

策划上，点击加载完成后出现的播放按钮，播放视频；视频内容以动态海报的形式呈现，讲述关于音乐的见解和歌手节目的发展和未来期待，结尾是对歌手观众的鸣谢；之后进入界面选择喜欢的CD，列表里是不同歌手在节目中的佳作，从2013年到2018年所有歌单，点击左右的上一期和下一期可以切换歌单，在歌曲下方有领取本专辑，领取喜欢的专辑需要获得好友的支持，转发给朋友就可以获取唱片。
设计上，抒情风的文案；暗色系颜色，充斥着回忆风，对于观众来说打的是回忆杀，可以引发共鸣；领取专辑需要获得好友支持，在另一方面可以扩发传播范围。
体验上，颜色过于暗，显得生冷；视频内容单调，文案太多，应该多显现工作人员的辛苦，可以在侧面表现出节目的来之不易。

技术实现： jquery,fastclick.js,swiper,video

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

标签