四川卫视《围炉音乐会》：谁动了你的播放器

2016-12-13 H5案例分享 H5案例分享

案例：谁动了你的播放器

出品：四川卫视《围炉音乐会》

亮点：

策划上，图文展示+音乐播放。进入页面，有个发光的台灯开关，点击后整个环境变得明亮，环境中有台灯、海报和文稿，点击纸张进入图文展示部分，主要介绍播放器的发展历程，左右滑动屏幕翻页查看。翻过最后一页则会出现邀请页面，点击“开始回忆”进入音乐播放部分，环境中有壁炉、沙发，还有四个播放器，选择其中一个播放器，则可以用它播放对应年代的经典歌曲或MV。点击播放器的切换按钮可以换歌，点击退出按钮可以回到环境中，此时收到一份邀请信件，12月22日起，每周四晚21:20分，四川卫视《围炉音乐会》。
设计上，手绘漫画风，图文展示部分翻页配有音效，音乐播放部分环境中有壁炉炉火燃烧的声音，声控福利。不同的播放器对应不同时代的歌曲，歌曲风格多样，品味很赞，都是当时经典之作。案例整体气氛很暖。

体验上，体验很流畅，内容丰富，画风也让人很舒服。循序渐进的氛围，很容易勾起用户的回忆和共鸣，从而关注到品牌本身。案例刚开始只有一个亮块儿，小编以为没有加载完等了一会儿，没想到是需要点击来激活的。不过进入图文展示之后，引导做得很到位。

技术实现：由Epub360工具制作

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

识别图中二维码

谁动了你的播放器-查阅二维码

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

标签