EDM LAB

把全球多市场邮件战役,从「分散工具 + 空白画布」收成「品牌规则内可控生产」的一套系统:战役库 → 组件化编辑 → 作用域内 AI → Mailchimp 发送。

项目
EDM LAB(AI-assisted email production)
角色与年份
Design & development · 2026
载体与范围
内部 Web App · 战役控制 / 受控编辑 / 作用域 AI / 组件库 / Mailchimp 导出
在线演示 · Live demo
edm.eblab.workers.dev ↗
EDM LAB 受控编辑器工作台(实机主视觉):顶栏显示 Добро пожаловать в ELF JOURNAL、EB · Russia 市场胶囊与已同步状态,左栏为模块顺序与 STYLES 色彩主题控制,中栏为 PC/Mobile 实时邮件预览,右栏为当前模块 EB CLUB HEADER 受控字段检视
受控编辑器:模块顺序 + 作用域状态(EB · Russia · 已同步)——左侧管理已批准模块顺序(EB Club Header / Welcome Hero / 2-column content)与预设色彩主题/字号/对齐,中间支持 PC / Mobile 实时预览,右侧仅暴露当前模块可编辑字段(Logo URL)
Before 多工具/空白画布 → After 受控编辑(兑现副标系统收敛) 左栏:示意·改版前路径 | 右栏:实机受控系统
Before · 分散工具 + 空白画布 示意·改版前路径

表格 → 设计工具 → 翻译 → Mailchimp:多窗口人工手递,画布无模块护栏易破版,独立聊天窗 AI 脱离当前战役上下文。

After · 品牌规则内可控生产(上方实机工作台) EB · Russia · 已同步

战役库 → 组件化编辑 → 作用域内 AI → Mailchimp 发送:同一生产路径内完成模块护栏拼装、当前战役 AI 处理与同步导出。

问题

多市场手递易破版:全球邮件不是「再画一封好看的信」,而是多市场、多品牌、多状态并行生产——人在表格、设计工具、翻译、Mailchimp 之间来回递,品牌规则靠自觉,改一处容易破版。

空白画布与品牌规则互斥:空白画布式编辑让速度与一致性互斥——要快就偏离组件,要合规就反复返工。

AI 脱离战役作用域即失控:AI 若落在独立聊天窗里、与当前战役脱节,只会多一份不可控文案,帮不上实际生产流。

改版前:分散工具手递与空白画布失控态

对应上方三项核心痛点:跨 4 类独立工具来回手递 + 自由画布无品牌护栏 + 独立聊天窗 AI 脱离战役作用域

示意·改版前路径
  1. STEP 01 · 手递起点

    表格(Spreadsheet)

    多市场(Russia / Germany 等)、多品牌(EB / LM)排期与文案草稿散落表格;战役归属与审核状态靠人工核对。

  2. STEP 02 · 视觉拼装

    设计工具(空白画布)

    无锁定模块边界与预设色彩主题护栏;求快即偏离品牌组件规范,求合规则在版式细节上反复返工。

  3. STEP 03 · 语种转换

    翻译(独立聊天窗)

    AI 处在独立通用对话窗,不知当前战役市场、品牌口径与模块字段限制,生成文案需手工逐段拆行回填。

  4. STEP 04 · 最终发送

    Mailchimp(手动导入)

    跨工具导出静态切片或 HTML 再手动搬运至 Mailchimp;上游改一处文案或链接,全链路需重新手递。

空白画布失控态 无组件与样式护栏

画布允许任意改动容器结构、色值、字号与对齐方式;缺少「已批准模块顺序(如 EB Club Header / Welcome Hero)」与「受控字段检视器」的硬性边界,多市场并行赶稿时极易破版。

独立聊天窗 AI 脱节态 脱离当前战役作用域

外部通用聊天窗未绑定当前战役(品牌 / 国家 / 目标语言),也无法区分「仅处理当前选中模块」与「处理整封邮件」,产出的自由文本无法直接映射进邮件结构。

图源边界说明:上方为改版前多工具手递与空白画布的结构化路径还原(明确标示「示意·改版前路径」);本页下方图 01–04 实机静帧及裁切特写仅展示改版后(After)生产系统,不用作改版前画面,亦不编造业务体量数字。

约束

  • 品牌不可破:模块、字段、样式必须在已批准规则内,而不是自由设计稿。
  • 多市场并行:同一组件要能变体适配不同市场,结构仍可复用。
  • AI 必须在作用域内:翻译、生成、校对、品牌审查绑定「当前战役」,不做脱离上下文的通用聊天。
  • 交付接到 Mailchimp:最终路径落到 Mailchimp,减少工具间手递。
  • 内部工具:使用者是生产团队,不是 C 端消费者——优先清晰控制态,而非营销落地页感。

过程

从「发送路径」反推系统:先解决战役入口的权属与同步可见,再给编辑加护栏,再把 AI 放进护栏,最后用组件库沉淀品牌知识并接通 Mailchimp 同步导出。

四段核心能力固定为:Campaign control → Controlled creation → AI assistance → Reusable system。在线演示站验证「可编辑的生产壳」(主题切换、护栏编辑、作用域 AI),本页聚焦下述四项系统决策,不做单封视觉秀。

决策

1. 战役库先行,再进编辑器 01 · Campaign control

先选对市场、品牌与状态;共享库直接暴露贡献者权属、审查状态与 Mailchimp 同步态,避免人一进来就改内容却不知道战役归属。

决策 1:EDM LAB 邮件库界面,展示 EB/LM 品牌切换、国家与状态筛选、贡献者归属、已通过/未检查状态及 Mailchimp ID 同步状态
1 · 战役库:市场/状态/Mailchimp 同步可见——进入编辑前先通过品牌(EB / LM)、国家(Russia / Germany)、分类(Welcome / Online Event / Offline Event)与状态(已通过 · 已同步 / 未检查 · 未同步及 Mailchimp ID)锁定战役上下文

2. 组件化编辑:受控拼装,拒绝空白画布 02 · Controlled creation

用已批准模块组装,调内容与受限样式,实时预览;改的是护栏内参数,不是底层结构。下方将工作台拆解为「模块顺序 + 实时预览 + 字段检视」三栏主视图及左右护栏特写。

决策 2:EDM LAB 组件化编辑器三栏工作台裁切帧,展示左栏模块顺序与 STYLES 色彩主题样稿、中栏 PC/Mobile 实时预览及右栏 EB CLUB HEADER 受控字段面板
2 · 模块顺序编辑:品牌结构内生产——左栏排定已批准模块(EB Club Header、EB Club Welcome Hero、2-column content)并切换预设色彩主题(当前 / 样稿 A / 样稿 B),中栏 PC / Mobile 实时预览,右栏仅检视当前选中模块受控字段
决策 2 左栏特写:模块顺序(+ 添加、排序、删除)与 STYLES 预设色彩主题(当前 / 样稿 A / 样稿 B)、文本大小(小 / 中 / 大)、全局对齐(居中 / 左对齐)
2A · 左栏模块顺序与样式护栏特写:仅允许在已批准模块列表内增删重排,样式调整收敛为预设色彩主题(当前 / 样稿 A / 样稿 B)、三档字号与两档全局对齐
决策 2 右栏特写:选中 EB CLUB HEADER 模块后,检视器仅暴露受控字段 Logo URL(https://ru.ebclub.com/)
2B · 右栏受控字段检视器特写:选中 EB CLUB HEADER 时仅开放合规参数(Logo URL: https://ru.ebclub.com/),不暴露底层布局结构

3. 作用域 AI:长在生产规则里,绑定当前战役 03 · AI assistance

翻译 / 生成 / 校对 / 品牌审查都挂在当前战役作用域(显式锁定品牌、市场与目标语言),而不是旁边再开一个脱离上下文的通用聊天窗。

01 · 绑定当前战役 ELFBAR / EB Club / Russia

弹窗顶栏直接继承当前战役品牌与市场,并固定目标语言 ru-RU,无需人工重复交代背景。

02 · 三步受控链路 1 任务 → 2 生成 → 3 结果

将自由对话收束为可预期的三步向导,生成结果经确认后按字段写回编辑器。

03 · 四类结构化任务 翻译 / 智能填充 / 大段填充 / 审稿

覆盖目标语种翻译、Brief 生成文案、粘贴文本映射可编辑字段、以及品牌一致性与合规审稿。

04 · 两级作用范围 当前模块 | 整封邮件

显式区分「仅处理当前选中的模块」与「处理邮件中所有模块的文案」,防止误改其他模块。

决策 3:EDM LAB 作用域内 AI 助手面板放大特写,顶部绑定 ELFBAR / EB Club / Russia 与目标语言 ru-RU,提供 AI 翻译、智能填充、大段填充、AI 审稿四类任务及当前模块/整封邮件两种作用范围
3 · 作用域 AI:绑定当前战役(面板特写)——顶栏显式锁定 ELFBAR / EB Club / Russia 与 目标语言: ru-RU,按「1 任务 → 2 生成 → 3 结果」收束为四项受控动作与两级作用范围(当前模块 / 整封邮件)
图 03:EDM LAB 编辑器内呼出 AI 助手模态框完整上下文视图
3B · 作用域 AI 模态框完整上下文:AI 面板直接叠在当前受控编辑器工作台之上,处理完即回填当前战役模块,不跳出独立工具

4. 接到 Mailchimp 与组件库沉淀:同步/导出状态可见 + 多市场变体复用 04 · Mailchimp sync & Reusable system

一方面通过组件库「变体 + 受控字段 + 版本号」让批准结构适配多市场;另一方面在战役库行态与编辑器顶栏全程暴露 Mailchimp ID、已通过 / 已同步 与 未检查 / 未同步 状态,打通到 Mailchimp 的最后一公里。

决策 4A:战役库单行放大特写,展示 Добро пожаловать в ELF JOURNAL Draft Draft、Russia、Welcome、Mailchimp ID: b2cac63a0e、已通过与已同步绿标及打开/预览/导出操作区
4 · 接到 Mailchimp:同步/导出状态(单行放大特写)——战役行直接显示关联的 Mailchimp ID: b2cac63a0e 与绿标 已通过 · 已同步,右侧集成打开、预览与导出操作下拉项
决策 4B:编辑器顶栏放大特写,左侧显示战役名、EB · Russia 胶囊与已同步绿标,右侧工具栏提供同步刷新与发送至 Mailchimp 按钮
4B · 编辑器顶栏 Mailchimp 同步与发送出口:编辑过程中顶栏持续锚定 EB · Russia · 已同步 状态,右上角工具条直接提供同步刷新与发送入口
决策 4C:战役库多行 Mailchimp 同步状态对照,展示已绑定 Mailchimp ID (b2cac63a0e / 1ab3713aa0) 的已通过·已同步行,以及 Germany 市场未检查·未同步行
4C · 多市场战役行同步态对照:Russia(Mailchimp ID: b2cac63a0e · 已通过 · 已同步)与 Germany(Mailchimp ID: 1ab3713aa0 · 已通过 · 已同步 vs 草稿态 未检查 · 未同步)同屏清晰区分,避免错发未审战役
决策 4D:组件库卡片特写,展示 EB Club Footer(2 variants | 10 字段 · 版本 1.0.0)、EB Club Header(2 variants | 1 字段 · 版本 1.0.0)与 3-icons section(1 variant | 29 字段 · 版本 1.0.0)
4D · 可复用组件卡片特写:每个模块明确标注变体数、可编辑字段数与品牌版本(EB Club Footer · 2 variants | 10 字段 · 版本 1.0.0、EB Club Header · 2 variants | 1 字段、3-icons section · 1 variant | 29 字段)
图 04:EDM LAB 组件库完整界面,左侧按页头、首屏、促销、步骤、内容、功能亮点分类,右侧展示组件卡片与预览入口
4E · 组件库全局视图:按页头、首屏、促销、步骤、功能亮点等分类沉淀跨市场可复用零件,支撑受控编辑与 Mailchimp 稳定导出

From system to send

Fewer handoffs · More control · Clearer path to Mailchimp(更少手递 · 更多控制 · 更清楚的 Mailchimp 发送路径)

结果

定性结论:交付的是「可控的全球邮件生产系统」,不是单次战役视觉;将多市场邮件从分散工具手递收进「战役库 → 组件化受控编辑 → 作用域内 AI → 组件库沉淀 → Mailchimp 发送」同一生产路径,在线演示已上线可点。

生产路径对照:多工具手递 → 单一路径

以改版前后生产链路收敛作为结构性交付证据(步骤名全部取自页内已定稿链路,不写未经审计的时长或百分比)

4 类分散工具 → 1 条受控路径

改版前:表格 → 设计工具 → 翻译 → Mailchimp(多工具手递)

多工具手递
  1. 1. 表格 — 多市场、多品牌、多状态排期与文案分散维护,缺乏统一战役归属与同步状态视图。
  2. 2. 设计工具 — 空白画布式自由编辑,求快易偏离品牌组件规则,求合规需人工反复检查。
  3. 3. 翻译 — 独立聊天窗脱离当前战役上下文与模块字段限制,产出文案需手工搬运回填。
  4. 4. Mailchimp — 跨工具导出后手动在 Mailchimp 组装,上游改动需跨多工具重新手递。

改版后:战役库 → 受控编辑 → 作用域 AI → Mailchimp 发送(同一路径)

同一路径
  1. 1. 战役库 — 先选市场(Russia / Germany)、品牌(EB / LM)与分类,直接暴露贡献者、审核态与 Mailchimp 同步状态。
  2. 2. 受控编辑 — 在已批准模块顺序、预设色彩主题(当前 / 样稿 A / 样稿 B)与受控字段护栏内拼装并实时预览。
  3. 3. 作用域 AI — 显式绑定当前战役与目标语言(如 ru-RU),按模块或整封邮件执行翻译、智能填充、大段填充与 AI 审稿。
  4. 4. Mailchimp 发送 — 依托组件库多市场变体沉淀,携带 Mailchimp ID 在同一系统路径内完成同步与发送。

成果口径说明:本页以生产路径收敛(多工具手递 → 同一受控路径)与可交互线上产品作为核心交付证据,不展示未经审计的单封耗时、返工或拦截率数字表;具体内部工具落地细节于面谈交流。

打开在线演示 Open live demo · edm.eblab.workers.dev
附录 · 在线演示入口与系统边界说明 点击展开 / 收起

在线演示与图源边界

在线可交互演示:https://edm.eblab.workers.dev/(新标签页打开,可直接体验战役列表、模块护栏编辑、主题切换与作用域 AI 面板)。

当前案例包含改版前多工具手递结构化示意(标明「示意·改版前路径」)及改版后 4 张深色内部工具实机静帧(图 01–04)与 7 帧关键局部放大特写(crop-*.jpg),已全数对应于上方「问题」「决策」与「结果」章节。