B2B SaaS · 小程序
WANFENG CASE STUDY — Strategy, design, engineering, delivered.
表格、篩選與批量操作鏈路重排；Token 與元件狀態文件化，降低跨團隊評審摩擦。
專案週期：2 个月
服務內容：控制台体验重构・组件体系治理・交互规范统一
技術棧：Next.js · TypeScript · Node.js · PostgreSQL
表格、篩選與批量操作鏈路重排；Token 與元件狀態文件化，降低跨團隊評審摩擦。
複雜業務優先穩定資訊架構與元件契約，視覺與動效在第二層迭代，避免「好看但難維護」。
该客户为 B2B SaaS 企业，日活账号规模持续增长。控制台历经多期快速堆叠，功能在增长但信息架构与组件契约不统一，跨团队沟通与迭代成本被持续放大。
主路径被拉长
同类操作分散在多个入口，用户完成关键业务动作需要多步跳转与多次筛选。
高频组件缺少标准契约
表格、筛选、批量处理等能力在不同模块表现不一致，评审和回归成本不断累积。
状态与样式定义缺失
状态层、交互反馈与空态/异常态没有统一标准，新功能容易引入“局部合理、全局难维护”的问题。
快迭代与稳定性难兼顾
发版频繁但缺少可复用验收用例，线上风险只能依赖“经验兜底”。
以关键任务链为核心，先稳定交互与组件契约，再同步设计 Token 与状态规范，最后建立可复用的质量门禁，让复杂控制台可扩展、可协作、可持续迭代。
发布后阻断级缺陷
任务流重排
围绕高频操作重构页面结构，缩短主路径层级与操作决策成本。
组件契约统一
定义筛选、表格、批量操作统一输入输出与状态流转，降低联调与回归成本。
设计 Token 治理
把颜色、间距、状态反馈与焦点策略纳入设计 Token，保证跨模块体验一致。
验收机制标准化
以组件为粒度沉淀验收与回归用例，形成可重复执行的质量基线。
项目上线后 3 个月：
完整交付清單
交付里程碑
梳理高频任务链路与关键路径瓶颈
组件契约重构、设计 Token 与交互规范统一
全量联调、回归测试与灰度发布上线
这次不是简单换皮，而是真正把复杂后台变成了可复用的工作台。团队迭代效率和用户操作效率都提升得很明显。