Karis — 面向海外的营销 Agent
从 MVP 的对话模型到定价与品牌，一个产品两次更名，我是它唯一的设计师。
三个名字，三种气质：同一个产品在三个时期的视觉语言。
About the project
Karis 是一个面向海外市场的营销 Agent Web 产品：用户像带一支专业营销团队一样使用它：把复杂任务描述给主管 Agent，由它调度各领域的专家 Agent 执行。我加入公司的第一天它还叫 SophiaPro，之后改名 Amplift、再改名 Karis，形态也从 workflow 工具走到 chat-first。没有前任设计师，也没有现成的设计资产，一切从我进来那天开始。
我是它唯一的设计师，也实际承担了产品设计负责人的工作：MVP 总设计、信息架构、定价体系、两轮品牌与官网，都在我手里。工作方式以 Figma 画板为主，同时大量使用 Figma Make 生成设计探索方案、制作可交互的高保真 demo，onboarding 方案的设计就有它的深度参与。半年里沉淀了 23 个 Figma 文件、52 张关键画板。
What we did
chat-first，还是工具菜单。营销 Agent 的能力长在对话里，不长在菜单里；两次结构转向都是往“助手优先”走：先让用户开口，再让系统调度。
计量付费的结构。定价不是标个数字，而是让 credits 在界面里被理解、被消耗、被补充。商业模型要翻译成可用的产品结构。
品牌重做两次的原因。产品两次更名不是折腾，是定位两次收敛；品牌与官网跟着重做，是让“脸”始终追上“身体”。
MVP 总设计：四阶段对话模型
我定义了这个 Agent 怎么跟人说话：需求确认 → 计划 → 执行 → 总结，四个阶段的每一种气泡、每一次打断授权、每一个错误呈现，都写成了规格。
2025 年 8 月，MVP 从对话模型开始。用户一句话进来，Agent 先用可多选、可补充的表单把模糊诉求澄清成明确条件。
再列出计划逐步执行，工具调用、授权时机、试错节点都如实渲染在画布上。
最后总结交付物与结果，右侧自动打开成果视图。这套模型不是画几张界面，而是一份逐条标注的规格：气泡的出现时机、思考过程的流式与折叠、“进行时”与“过去时”工具胶囊的区分。
阶段一的完整界面：左边对话澄清需求，右边画布等待生长。
聊天与画布的瞬时映射：每调用一个工具，节点就长出一个图标。
四个阶段的每一种气泡，连同它的出现时机与动效说明，写成一张规格长卷。
定价体系：把商业模型翻译成界面
我也管钱：计量付费的档位、权益与计量项由我参与定义，再翻译成用户能理解、会消耗、愿补充的界面结构。
V0.5 版本我同时做了两件事：参与设计计量付费的商业结构，然后把它翻译成产品：credits 在哪里被看见、任务执行时怎么被消耗、用完之后怎样被补充，每一步都要在界面里有着落。
定价页不是营销页的附属品，它是用户理解这个产品“怎么算账”的唯一入口。
计量付费落到页面上的样子。
两次结构转向：工具菜单 → 机会台 → 直接对话
信息架构的两次转向我是推手：先把首页从「工具菜单」改成「机会台」，再把整个产品改成可以直接对话的营销团队。
第一次转向：从「工具菜单」到「机会台」。原方案把平台核心但零散的工具全摆在首页，让用户自己挑；改版后首页只放一种东西：由多个工具组合筛选出的「营销机遇点」。含金量最高的结构化信息直接送到用户眼前，扫一眼就能决定要不要采取行动。
第二次转向：从「机会台」到直接和营销团队对话的 IM。界面变成类 Slack 的会话空间，用户面对的是一位主管和一排各有分工的专家；这次改版还带来了可自定义的皮肤系统，八款配色随用户挑。
这次转向背后的产品哲学：让用户摆脱 GUI 式的使用方式。有价值的信息由「真人」般的营销 leader 主动送来；想让团队做什么，用大白话直接说给他听，没有一点信息检索的压力。
所有工具摆上首页，用户自己挑。
工具收起来，机会摆上来。
大白话说需求，零检索压力。
品牌两次重做，官网两次重做
产品两次更名，品牌与官网都跟着重做了两次：从 LOGO 到发布物料，全部出自我手。
SophiaPro 时代我做了第一版 LOGO 与官网；改名 Amplift，品牌与官网推倒重来；定名 Karis 后再来一轮。品牌视觉两个月里两次收敛，外加 Product Hunt 发布物料。现在线上的 karis.im 官网（四个模块、计量定价展示）也是我的设计。改名不是折腾：每次更名背后是定位收敛，“脸”必须始终追上“身体”。
模块深度：Social Listening 与 AEO
B 端复杂模块的功力在细节里：监测组怎么建、看板怎么读、给工程的标注怎么写。
Social Listening 的监测组设计，来自对头部竞品的逐项对比后做出的取舍：监测对象怎么分组、数据怎么进入工作区，都为“营销人每天要看”这个频率服务。
AEO 模块则是一块 KPI Dashboard：指标怎么分层、趋势怎么读，页面边缘还留着我写给工程的 token 标注，设计稿交出去时就带着实现说明。
监测组工作区：为“每天要看”设计的结构。
AEO 看板，页面边缘是写给工程的 token 标注。
方法的过渡带：生成式工具开始进场
这个项目是我工作方法的换挡点：界面产出还以 Figma 画板为主，但生成式工具已经大量进场。
半年，23 个 Figma 文件，52 张关键画板，三个名字。这个项目里还没有代码提交，界面产出以画板为主，但生成式工具已经在我的工作流里占了一席：Figma Make 批量生成设计探索方案、制作可交互的高保真 demo，onboarding 方案的设计也由它辅助完成。三个月后，“让 AI 进入工作流”从辅助变成了主轴，产品判断被直接推到了代码，那已经是 Clico 里的事了。