咪咕音乐：2020春节音乐伴你回家

2020-01-20 H5案例分享 H5案例分享

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

识别图中二维码

2020春节音乐伴你回家-查阅二维码

完整欣赏此案例大约需要20秒~无限

案例：2020春节音乐伴你回家

品牌：咪咕音乐

技术实现： html5

制作：html5

亮点：

1.创意定位

咪咕音乐创作的品牌营销H5，以“2020春节歌声伴你回家”为主题，用时下流行的音乐引发大家共鸣，形成回家旅途中的歌单，激发大家收藏和转发。

2.策划逻辑

主要流程：主题页 → 音乐点播页 → 落地海报-我的歌单。

① 主题页：清晰主题露出，2020春节歌声伴你回家。点击“开启吧”按钮后，有打开KTV门的动画，进入音乐点播页。

② 音乐点播页。用一个投影机效果，可以“上一首”、“下一首”、“播放/暂停”、分享，里面包含五首歌曲：《芒种》、《触电》、《世间美好与你环环相扣》、《野狼disco》、《起风了》。

③ 我的歌单：五首歌曲听完，弹出“我的歌单”海报，可以“回顾我的旅程”，可以“分享我的歌单”。

3.视觉交互

界面简洁，交互简单，配合局部动画和音效，很容易让人沉浸其中。

4.用户体验

特定场景的人，比如在旅途中的人，很容易循环播放该歌单。

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

标签