2024年11月 – 2025年8月
TikTok Shop 机构业务管理平台
面向 TikTok Shop 电商机构的 Web 管理平台,覆盖直播佣金协议、达人线索管理及多地区业务规则。
- React
- TypeScript
- React Context
- Arco Design
- Regional Architecture
- 组织
- TikTok / 字节跳动
- 职责
- 前端工程师
部分信息因保密要求已省略
项目概述
TikTok Shop 的电商生态连接商家、商品和负责内容推广的达人。达人可以通过短视频、商品橱窗和直播带货;Creator Agency Partner(CAP)管理已签约达人并提供运营服务,TikTok Shop Affiliate Partner(TAP)则以更灵活的合作方式向达人推荐商品和推广机会。
TikTok Shop Partner Center(TTSPC)是服务这些机构的 Web 管理平台,用于管理达人合作、商品推广、佣金分成和相关经营流程。
工作范围
我在 2024 年 11 月至 2025 年 8 月参与机构业务前端研发,主要负责表单、表格筛选、权限控制和核心页面交互。项目使用 React、TypeScript 和 React Context,并基于 Arco Design 的内部组件库以及字节跳动内部前端开发与部署体系构建。
这一阶段交付的两个代表性功能是 LIVE Commission 和 Creator Lead Management。前者是在既有业务模块上继续迭代,后者则由我从需求跟进到实现和上线独立负责前端开发。
LIVE Commission
LIVE Commission 于 2024 年 12 月开发,并在 2025 年 1 月首先于美国市场上线。该功能允许 CAP 机构为已绑定达人建立直播专属佣金协议,同时分别管理短视频、商品橱窗和直播等内容类型的分成规则。
前端需要支持协议创建与调整、达人确认状态、历史记录和佣金结果查看,并将这些流程与既有达人绑定流程衔接。主要挑战是把不同内容类型和地区规则组合成清晰、可维护的用户流程。

LIVE Commission:按短视频、商品橱窗和直播区分佣金协议。
Creator Lead Management
Creator Lead Management 于 2025 年 2 月至 3 月开发,并在 2025 年 3 月底于美国市场上线。我独立负责该功能从需求跟进到实现、联调和上线的完整前端流程。
机构可以通过推广码获取潜在达人线索,查看达人授权的资料和近期直播表现,并使用搜索、筛选、状态标签、备注、消息及绑定邀请推进合作。该功能把原本分散的达人获取、评估和跟进过程集中到统一工作流中。

Creator Lead Management:集中管理达人线索状态、数据与绑定操作。
地区化业务规则
一个机构账号可能同时管理多个国家或地区,前端需要根据用户当前选择的市场加载对应业务规则。我为此建立了独立的地区管理模块,在运行时选择美国、欧盟或南美地区的流程。
通用的数据处理和交互逻辑集中在 common 层,各市场特有的绑定关系、权限和业务分支则隔离在地区模块中。这样既减少了重复实现,也避免地区条件散落在页面组件中。我直接负责美国市场首发;欧盟和南美适配在项目移交后由其他工程师继续推进。
结果
两个功能均首先在美国市场上线。LIVE Commission 覆盖约 *** 家机构,占美国机构总量约 **%。Creator Lead Management 上线七天内,为数十家头部机构提供约 ***** 条达人线索,支持新增约 **** 个达人绑定,转化率约为 **%。
具体数据因保密要求已脱敏,本案例不对收入、GMV、长期采用率或后续地区交付作进一步推断。