杨婷婷
资深产品体验设计师
14 年产品设计经验，带领过 10 余人设计团队，覆盖品牌、交互、用户体验和平面视觉设计。围绕多维表格、多智能体工作台、开发者云沙箱、AI 协作知识库及金融 Agent 观测与评测平台，设计任务流程、权限、状态反馈与异常恢复。通过 Vibe Coding 使用 React / Next.js 等前端框架实现产品界面与真实交互，经 GitHub PR 评审和上线验收交付可上线成品；用 Remotion / HyperFrames 编码制作双语发布视频，将设计与验收规则沉淀为 Agent Skills，并参与云沙箱从 Beta 到商业化发布。此前主导维格表核心交互与设计系统，参与产品成长至百万级用户规模，组件库发布于 Figma Community；作为 Maker 参与 AITable.ai、Busabase 的 Product Hunt 发布，两款产品均获 Product of the Day #1（当日第一）。
专业技能/ EXPERTISE
需求梳理、产品定义、信息架构、用户流程与 Figma 高保真交互原型；个人用户的交易与会员流程、消息与日程管理、录音与 AI 内容整理体验；Agent 与自动化工作流、金融 Agent 观测评测，以及权限、状态反馈、人工确认、异常恢复、用户引导、订阅计费与资源配额设计
Web、iOS / Android、iPad / 平板、小程序与门店终端的体验设计；响应式布局、多端一致性、多语言适配与可访问性
品牌视觉规范、Brand Guidelines 与设计系统搭建；Design Tokens、Semantic Tokens、Theme Variables、可复用组件库、图标、明暗主题与交互状态规范；团队目标、跨专业协作、设计评审与交付验收
Codex / Claude Code；React / Next.js / Vite；通过 Vibe Coding 将品牌与设计系统规范落实到前端，独立实现产品界面与真实交互，经 GitHub PR 评审和上线验收交付可上线成品
Remotion / HyperFrames 视频动效编码；独立完成脚本、分镜及双语成片交付；自然语言驱动 AI 口播、数字人与自动封面制作；Skill 编写与编排：多 Skill 组合、单 Skill 多模式及完整工作流封装；定义输入、步骤、交付物、人工确认与验收规则
Product Hunt 发布筹备与上架流程，Gallery 展示图、功能演示及 App Store 展示素材制作；SEO / GTM 与多语言发布
工作经历/ EXPERIENCE
深圳维格智数有限公司
2019.08 — 2026.09设计总监 / 产品体验设计师
在维格表带领 10 余人设计团队，覆盖品牌、交互、用户体验和平面视觉设计，负责团队目标、设计评审与关键产品设计。主导维格表核心交互与设计系统、bika.ai 早期交互，后续参与 Buda 等 AI 产品与多端设计。
- 主导维格表早期核心功能从 0 到 1 的交互设计，建立字段类型、组织权限、登录注册与邀请等核心体验，并随产品走到百万级用户规模；这套数据模型后来被 bika.ai 与 Kapps 产品集合复用
- 依据注册漏斗定位首次创建前的问卷阻力，取消强制步骤并精简问题；在海外版重构中统一多语言界面，建立设计系统并在 Figma Community 公开发布
- 在 Buda、Sandock 以 Vibe Coding 基于前端框架完成产品界面与真实交互，核对组件、交互状态与多语言，通过 GitHub PR 评审与上线验收交付可上线成品；编写 5 个 Agent Skills，规定输入、交付物与人工确认点，由我负责设计评审和最终验收
- 用 Remotion / HyperFrames 实现可复用的视频场景与组件，制作产品宣传片、演示视频和上架素材；为不同用户场景提供简体中文、繁体中文与英文内容
- 作为 Maker 参与 AITable.ai、Busabase 的 Product Hunt 发布，两款产品均获 Product of the Day #1（当日第一）；AITable.ai 获得 207 upvotes
深圳美西西餐饮有限公司（喜茶）
2018.07 — 2019.08交互设计师
负责喜茶 GO App、小程序及门店助手的核心交互与 UI，覆盖消费者点单与门店履约；同时管理 3 人产品设计团队，制定 OKR 并把控项目交付。
- 主导喜茶 GO 点单 App 与小程序、门店助手（门店平板）的交互方案，覆盖线上商品、配送结算、会员系统与取餐核销流程
- 制定设计规范和组件库，统一手机与门店平板的适配规则，负责提测前交互与 UI 还原度验收
- 设计智慧门店的软硬件协作流程，衔接第三方平台、用户账号与积分体系，并在上线前结合门店平板与硬件进行可用性验证
金蝶云之家网络有限公司
2014.11 — 2018.07UI 设计师 / 交互设计师
负责云之家企业协同 IM 的移动 App（手机与 iPad / 平板端）版本更新与日常迭代设计，制定移动端设计规范和控件库，参与需求评审及后期走查验证。
- 主导 V6–V9 四个大版本移动端改版，覆盖手机 App 与 iPad / 平板布局，每次迭代包含交互重构、视觉升级与设计系统演进
- 建立移动端设计规范与控件库，支撑手机与平板多端、多版本并行迭代
- 随一线同事走访企业客户，还原真实使用场景，以用户实际问题驱动设计决策
- 主导小云机器人语音助手早期孵化阶段的交互与 UI 设计，覆盖自动回复与资料查询核心流程
Tom 集团 — 灵讯互动科技有限公司
2012.08 — 2014.11UI 设计师
负责音乐和电子书项目的设计工作，以思维导图梳理功能结构，制作交互原型，输出视觉方案与设计规范。
- 完成音乐、电子书 App 的启动页与产品页设计，以及图书上架管理后台的设计与落地
重点项目/ SELECTED PROJECTS
AOS｜Agent 手机系统交互原型
2026.10独立设计探索，围绕手机上的 Agent 任务执行，完成交互流程设计与可操作的前端原型。
- 围绕消息处理与日程安排，设计任务澄清、授权、进度反馈、人工确认和中断恢复流程，明确 Agent 与用户的操作边界
- 以前端原型呈现 8 个场景、40 个界面状态，统一官网、任务画布和演示中的组件与状态表达
Memento｜随身记录设备与 App 概念
2026.10独立探索随身记录设备与配套 App 的使用方式，完成设备概念、官网和 App 的交互原型。
- 独立定义主动录音、设备保存、App 同步、AI 整理和人工确认流程，完成设备概念、官网及 App 核心界面设计
- 实现可操作的前端原型，覆盖录音管理、AI 摘要、逐字稿和待办确认，通过状态反馈区分录制、保存与同步
Buda｜多智能体云端工作台
2026.03 — 2026.09Buda 将 Agent 任务、沙箱执行与云端 Drive 文件连接在同一个工作台中。我参与工作台、文件与多端体验迭代，设计并实现官网动效与 Mini UI，并用 Remotion 制作产品发布视频。
- 参与工作台与手机、平板体验迭代，以运行状态、待办和工具调用卡片解释执行步骤，完善文件与预览结构，保留高风险操作前的人工确认
- 设计并实现官网动效与 Mini UI，完成五语言适配；用 Remotion 制作 150 秒产品发布视频，包含 10 个可复用段落，并交付 8 张 Product Hunt 展示图
Busabase｜跨 Agent 内容协作知识库
2026.07Busabase 集中保存不同 Agent 的产出、提示词与任务背景，供后续任务取用。我设计并实现品牌页，制作双语发布视频，并设计手机和平板上的变更审核体验。
- 设计并实现品牌规范页与 SVG / PNG 标志素材包，补齐移动端收件箱和平板端审核体验，保持变更查看、审核与合并状态一致
- 用 HyperFrames、HTML 与 GSAP 制作 16 个中英双语场景；逐帧核对对象身份、显示窗口和落点，修正重复显示与转场衔接，交付正式版与审阅版
Sandock｜Agent 云端沙箱
2025.11 — 2026.04Sandock 是面向 AI 代码执行、文件系统隔离与 MCP Server 托管的云端沙箱产品，为开发者提供安全可控的运行环境。以 Vibe Coding 模式深度参与产品从 Beta 到正式版的完整交付。
- 参与从 Beta 到商业化发布的产品设计，以 Vibe Coding 基于前端框架交付可上线的产品界面与交互，串联首次使用、沙箱操作、持久化和配额；核对组件、多语言与实际产品规则，通过 GitHub PR 评审交付
- 设计订阅与付费路径，区分续费、取消后到期与异常回调；逐项检查订阅状态同步、访问权限与资源限制，避免只凭前端支付反馈判断权益
Buda 产品宣传片与素材制作流程
2025 — 2026为 Buda 建立由 Agent Skill 协作的视频与视觉素材制作流程，覆盖需求整理、脚本、AI 口播与数字人内容、视频渲染、自动封面、字幕和短视频版本，明确各步骤的交付物与审批状态。
- 规定各个 Skill 的交付物，由 Video Studio 统一管理制作步骤与审批状态，高风险操作前保留人工确认
- 用 Remotion 纯代码完成 150 秒产品发布宣传片，将分镜、旁白和产品演示拆成 10 个可复用段落
维格表 / APITable｜多维表格协作平台
2019.08 — 2025.10我在产品早期加入，主导字段类型、多维视图与跨表关联等核心交互，参与产品成长至百万级用户规模。
- 设计维格视图、相册视图、维格列与神奇关联，将数据类型、查看方式与跨表关系组织为可理解的操作；建立成员管理与权限分享机制
- 依据注册漏斗定位首次创建前的问卷阻力，取消强制步骤并精简问题；参与海外版重构，统一多语言界面的交互与视觉规则
维格表设计系统（Vika Design System）
2021为维格表建立基础样式、图标与组件规范，形成可供设计和开发复用的设计系统，并在海外版重构中统一多语言界面。
- 主导基础样式、图标与组件规范，统一 Web 与客户端的视觉与状态表达，供内部与外部团队复用
- 整套系统在 Figma Community 公开发布，并配合海外版重构统一多语言界面