咪咕音乐X口袋铃声X支付宝：在吗

2021-09-28 H5案例分享 H5案例分享

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

识别图中二维码

在吗-查阅二维码

完整欣赏此案例大约需要48秒

案例：在吗

品牌：咪咕音乐X口袋铃声X支付宝

技术实现： html5

亮点：

1.创意定位

支付宝搜索“在吗”，聆听随机好音乐。

2.策划逻辑

登陆支付宝，搜索“在吗”，即可跳转至音乐播放页面，随机48秒钟的歌曲节选，上方是转动的CD盘，中间是播放进度条，下方有几条应景的聊天记录逐个出现，最下面是出品方名字。用户听完后可直接再次搜索，聆听其他歌曲。

3.设计上

操作简单，歌曲随机，播放的都是歌曲中最经典的48秒选段。背景图比较浪漫，有唯美樱花，和夜晚路灯，烘托歌曲氛围，营造美好意境。

4.交互上

听歌很方便，不知道听什么的时候随机播放也是个不错的选择。点击上方CD盘可停止播放，再次点击可继续播放。歌曲报告种类很多，经典老歌，潮流新歌，翻唱歌曲等，用户可多次搜索，感受不同歌曲的魅力。

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

标签