如何设计一款活动编辑器，本文介绍了设计活动编辑器的目的、实施路径、场景以及解决方案，与大家分享！

运营人员基于编辑器内的活动模板，可视化的对活动页面与玩法进行编辑和配置。

在无需研发人员参与的情况下，可低成本、短周期、高效率的发起营销活动，达到降低营销活动制作成本的目的。

一、实施路径

理论与落地之间存在着可执行性上的鸿沟，因此在方案未被充分验证可行的情况下，需要对执行路径进行分步验证，避免资源铺开投入后才发现无法落地：

1. 策略引擎：对营销活动的策略进行抽象提炼，形成几个标准化策略实体以及策略实体的组合方式；基于以上，在定制h5活动中验证；标准化策略无法满足的部分通过定制开发弥补，逐渐提高后端代码的复用率；以上在几个活动制作中验证可行后，资源铺开标准化更多策略实体，最终达到活动策略的完全可视化配置；
2. 页面/皮肤编辑：通过编辑器的方式，达到h5营销活动的页面可视化编辑，此项业内很成熟，无需验证；
3. 对定制开发的h5营销活动做通用化改造，接入策略引擎和编辑器，沉淀为活动模板。基于此，运营人员能可视化的对模板页面进行可视化编辑以及活动策略的可视化配置；

二、场景例举

1. 组队裂变+排行榜+权益

目的：通过裂变，提高用户留资数，并设置排行榜大奖，鼓励拉人头。

描述：

1. 如果系统中不存在当前访问者手机号，则出现填写手机号表单（浏览器环境下必现）；
2. 填写完手机号，邀请好友进行3人组队。每个人发起组队次数不限，最多只能参加3次队伍（不占用发起次数），且不能重复参与同一发起者的队伍；
3. 组队成功后，队长可额外多一次机会抽奖品一、队员只能抽奖品二、三、四；
4. 奖品抽完，则显示奖品已抽完；
5. 邀请人数排名前三名的，获得苹果11，线下网点领取。

2. 任务达成+权益

目的：银行信用卡运营，经常会搞消费达标后对用户进行返利或者抽奖的活动，以促进动账交易。

描述：

1. 阶段一：用户提交手机号，在截止报名日前参与消费返利的活动报名，手机号必须为信用卡所绑定的手机号码；此阶段用户访问链接会出现活动报名h5；
2. 阶段二：当月活动报名时间截止后，导出留资号码，到行内验证，用户是否达标，并按照消费金额区分A、B、C三个等级；此阶段用户访问链接会提示，活动时间已过；
3. 阶段三：导入达标用户手机号码到系统之后，用户访问当前链接，进入拆礼盒活动；
4. 活动奖品有6个，不同等级的用户可抽不同的奖品池（A奖品池，奖项一二三四；B奖品池，奖项二三四五；C奖品池，奖项三四五六；），直到所有奖品抽取完毕；
5. 抽过奖用户进入链接，出现中奖信息（含未中奖提示）。

3. 任务达成+权益

目的：引导用户了解及使用小程序/app等。

描述：

1. 打开小程序，未注册用户弹窗提示注册有礼；
2. 未领取新人礼包，提示领取新人礼包，领取后提示完成新人任务；
3. 已领取新人礼包，但未完成新人任务的，则提示继续完成新人任务；
4. 任务有：登录小程序、阅读资讯以及分享小程序等。

4. 邀请+签到+抽奖+奖池瓜分

目的：促活+拉新

描述：

1. 用户每日登录可领取锦囊，打开锦囊可得到奖品或者妙语；
2. 连续登录1个自然月，可参与10w奖金瓜分；
3. 每邀请1个好友注册可获得补签卡1张。

5. 早起打卡+权益

目的：促活

描述：

1. 用户选择海报主题，编辑海报文案以及贴纸，在每日4am～10am完成打卡；
2. 记录每日打卡时间、连续打卡次数、累计打卡次数以及今日打卡排名（按照时间排序）；
3. 连续打卡7天，可获得一次抽奖机会；
4. 邀请新好友（当月未参与活动用户），可获得补签卡，可补当月漏打卡的任意日子。

诸如此类，不再穷举。

三、场景抽象

通过对实际场景的梳理与抽象，得出如下业务视角的流程图：

对流程中的主要模块，进一步颗粒度细分（模版皮肤通过编辑器搞定，暂不讨论）：

四、解决方案

整体设计可概括为基于事件驱动数据流转，以用户状态为核心数据中心，串联各模块，方案的框图如下图。

其中，需要注意的是：事件在队列中的消费是无序的，且有时间延迟（需排队等待）。因此诸如“分享后马上获得一次抽奖机会”等对实时性以及事件先后顺序有严格要求的场景，需要重点注意，设计解决方案，因此项偏细节，不赘述。

本文由 @韩松 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议