荔枝FM：声音漂流瓶

2018-05-10 H5案例分享 H5案例分享

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

识别图中二维码

声音漂流瓶-查阅二维码

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

案例：声音漂流瓶

出品：荔枝FM

亮点：

策划上，宣传类。这是对荔枝FM的宣传。进入首页，可以先查看活动规则，所有声音漂流瓶分为秘密瓶、愿望瓶、音乐瓶，可按个人兴趣任意打捞，不限次数。捞到声音漂流瓶后，点击“回应”按钮，即可进入回复页面。录制专属声音漂流瓶时，可点击切换按钮，自由选择瓶子类型。每个人只有一次录制的机会，最后引导用户分享，点击发现更多声音跳转到下载页面，引导用户下载。
设计上，以蓝色为主色调，粉色为辅色调，制造梦幻浪漫的气息。
交互上，录音。
体验上，这是一个漂流瓶活动，漂流瓶是匿名的，大家不会知道你是谁，所以你有什么在生活中不能说的可以用漂流瓶的方式说出来，这也是很多用户喜欢漂流瓶的原因，本案例以漂流瓶为题材，达到宣传荔枝FM的目的，并引导用户下载。

技术实现： JavaScript

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

标签