JELLY | 直播间粉丝徽章体系项目总结

直播间粉丝徽章体系项目总结

上传日期：2020.12.15

1144

直播间作为主播最为核心的私域流量场，不管是主播人设的打造，亦或是商品的挑选与售卖，本质上都离不开以消费者为中心的精细化运营，有趣的互动玩法，有效的营销工具，将有力加速消费者从潜力买手到忠诚铁粉的高质量跃迁；目前直播间互动氛围感较弱，表现在直播间互动评论少、累计观看时长短、主播与用户 / 粉丝缺乏情感链接；期望通过直播间粉丝互动任务体系搭建，增强直播间互动与粘性，提升直播间数据指标。

项目背景

直播间作为主播最为核心的私域流量场，不管是主播人设的打造，亦或是商品的挑选与售卖，本质上都离不开以消费者为中心的精细化运营，有趣的互动玩法，有效的营销工具，将有力加速消费者从潜力买手到忠诚铁粉的高质量跃迁；目前直播间互动氛围感较弱，表现在直播间互动评论少、累计观看时长短、主播与用户 / 粉丝缺乏情感链接；期望通过直播间粉丝互动任务体系搭建，增强直播间互动与粘性，提升直播间数据指标。

需求拆解

本次直播间粉丝互动任务体系主要是需要在直播间增加任务互动面板，同时希望通过搭建粉丝徽章体系来进一步刺激用户完成互动任务，因此粉丝徽章的解锁进度也需要出现在同一面板中。在非常有限的空间里，需要承载徽章功能及任务内容，并且需要突出业务侧希望体现的 “有趣、热爱” 等关键词。

结合上述条件下参考各类竞品，发现各类竞品的徽章在不同等级下较雷同，仅仅是质感和颜色上做了区分，趣味性也不足。友商参考，没有记忆点。

于是结合业务侧给出的 “吃瓜粉、心动粉、铁杆粉、真爱粉、至亲粉”，在徽章里加入直观、趣味、娱乐性较强的表情包，让每一个徽章都拥有自己有趣的 “小故事”。

视觉稿展示

各类徽章展示

任务 icon 使用流行的毛玻璃质感，丰富画面。

聊天区悬挂粉丝等级标签，同时将原有的聊天区标签进行统一视觉升级。

用户到达能够解锁徽章的节点后，会触发徽章解锁动效。

在动效解锁徽章这一块，当时跟研发沟通过，希望通过直接调用图片资源完成徽章解锁的动效，进一步减轻研发压力；于是这一次使用的是 apng 格式的动图格式，能让动画在半透明情况下依然可以完整呈现，同时研发只需要调用一个 apng 的 js 库即可加载图片资源。

最后就是项目部分页面展示啦

小小总结

关于绘制 icon 这一块在这个项目中有一些感悟，这个项目全部是使用 sketch 绘制的，因为五个徽章涉及到很多不同场景的使用，所以用 sketch 画徽章能满足适配不同位置不同大小的需求。很多人会觉得 sketch 不能出很丰富的效果，但是在这次项目的运用中，我发现 sketch 中普通功能就可以画出质感丰富的 icon，最后考量的还是设计师对于色彩、阴影关系等的把握及应用。所以还是需要好好提升基本功，基本功好，什么工具都能妙笔生花。
https://jelly.jd.com/article/5fd33b305fd2b30146b91b73