← back to projects

project 01 · 红人营销智能体画布

ToneMatch

2025.11 – 2026.03 · 香港

面向品牌出海红人营销场景的 AI 智能体画布——以红人调性深度解析为核心, 把"凭感觉"的调性判断,变成定量 × 定性、可视化、可协作、可复用的投放策略。

0→1 负责人 产品经理 & 用户研究 AI 智能体 香港科学园立项

交互演示:输入投放 brief 后,智能体自动生成无限画布工作区——依次展示产品与品牌调性解析、 阶段×分层预算矩阵、81.1 分评估模型、红人匹配与调性热力图,最终生成个性化 outreach 邮件; 取消勾选一位达人时触达数据实时联动。

↓ 滚动播放 · 完整智能体工作流演示(真实产品复刻)

↓ ToneMatch 可交互产品前端

打开完整页面 ↗

ToneMatch · Design System / 设计规范

Quiet intelligence,
visible structure.

以低干扰的暖白画布承载复杂营销策略,用克制的层级、柔和的状态色与清晰的卡片关系, 让 AI 的思考过程可见、可读、可操作。

01 Typography / 字体

Inter

Regular · Medium · Semi Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 — 81.1%

DISPLAY VOICE Fraunces

Define Success Metrics.

02 Color / 色彩

ToneMatch 色彩规范

INK #0E0B07
决策、标题、主操作
SURFACE #FFFFFF
卡片与浮层
CANVAS #FBFAF6
无限画布底色
LINE #E3E1DE
关系与层级边界
Input信息输入
Output智能体输出
Trigger执行与触发

03 Component language / 组件语言

Soft geometry.
Precise feedback.

14px
Card radius
22px
Input radius
Pill radius
1px
Quiet border
160ms
Fast feedback
280ms
Normal motion

01why 为什么做

通过用户访谈与竞品分析拆解营销全链路,定位出三大痛点: 调性靠感觉——红人是否匹配品牌全凭主观判断; 决策非线性——市场分析、选人、执行、复盘散落在碎片化工具里; 经验难复用——一次成功投放的方法论无法沉淀为资产。

02what 产品是什么

  • 输入一份投放 brief,智能体自动搭建整个工作区:市场匹配评分 → 红人候选池 → 评估打分 → 预算分配 → 投放监测,全流程可视化在无限画布上。
  • 「定量 × 定性」双维红人评估模型:受众画像、互动率、GMV 等硬指标之外,把主观调性量化为可视化雷达图。
  • Tone Flags 调性预警:自动标记红人过往内容与品牌调性的潜在冲突。
  • Agent 对话 + 画布卡片双向联动,中英双语,策略可协作、可复用。

03my role 我的角色

  • 需求洞察:访谈与竞品拆解,输出功能优先级清单;
  • 产品设计:搭建双维评估模型,设计 Agent + 无限画布卡片交互,产出原型与 PRD;
  • 用户测试:制定迭代计划并推动测试,依据反馈收敛模型与交互问题。

04outcome 成果

  • 港理 microfund 比赛 Top-Performers;
  • 项目立项香港科学园 Ideation 孵化计划。

原型可运行:React + TypeScript + 无限画布,双语工作台 ☺