项目概述

领猫SCM以链接和协同为核心，帮助企业搭建以客户和商品为驱动的智慧供应链协同网络。打破信息孤岛，提升企业内部、内外及产业链的信息流动效率，构建一个“高效、信任、共赢”的供应链生态系统。目前已有1000+客户、6000+品牌、32W协同资源。

领猫Cloud 是针对老版本的全新改版，本人在项目中独立负责全链路UX交互+UI视觉设计、流程梳理、规范输出、落地跟进。

体验痛点

B 端供应链业务天然链路冗长、场景复杂，而作为SaaS 产品除了面对业务本身的复杂，还要实现一套底座承接多客户差异化需求。

结合老版本用户反馈、项目实施落地问题、客户现场实地调研收集的真实使用反馈，将零散、碎片化的使用问题做系统化归纳，整体划分为两大维度：基建问题（贯穿全系统的底座能力、全局交互）、业务问题（具体业务模块专属操作痛点），并针对性输出可落地的设计解决方案。

设计思路

摒弃「一个问题开发一个独立功能」的碎片化设计思路，通过沉淀可复用的全局标准化模块，一套组件批量承接多岗位、多客户的同类体验痛点。底层能力统一抽象沉淀，页面表现层依靠配置灵活调整，在控制产品臃肿度的同时，系统性解决服装供应链 SaaS 业务复杂、多租户差异化适配的核心矛盾。最终建立具备模块化、标准化、配置灵活化的通用页面、通用模块。

设计方案

一、首页

一个理想中的SaaS平台首页是怎么样的？

老板说：我要看订单进度、核心经营数据、库存情况、快速定位问题订单
设计师说：我要能跟进打样任务、快速发起打样申请、查看新款研发进度
版师说：我要能跟进制版任务、查看待处理BOM单据
物料采购员说：我要管控物料交期，跟进在途面料，规避断料风险
跟单员说：我要能跟进订单全流程，处理上下游协同单据，减少跨页面查找
领导说：还要放些官方公告、产品更新、系统教程、联系方式等等

一句话，就是：“角色驱动、千人千面”。

如何能满足各方面的需求，包括平台自身的诉求和客户不同角色的诉求，还要保证后续的可扩展能力。设计上有两种可能：

【方案1】完全配置化的首页：把所有功能标准化为一个卡片模块，页面上有什么模块完全由用户自定义；

【方案2】系统通用+角色工作台：系统通用页面内容模块固定，但部分模块中的内容可自定义；角色工作台则提供角色模板+自定义；提供默认打开通用首页或者角色工作台配置选项；

业务模块的自定义是一个长期建设的过程，需要底层足够抽象，还涉及到权限问题。显然方案2既能满足平台自身诉求，也能为后续提供扩展性，保留后续的进一步迭代。

平衡开发成本、周期以及当前任务重心，先将系统通用首页落地，角色工作台后续再跌代。通用首页分为数据概览、产品更新、快捷入口、官方公告、待办/审批、主数据沉淀、内部协同效率TOP榜、权益用量、领猫学堂、联系我们等板块。其中数据概览的指标用户可自定义。

二、通用页面/模块

包含了整个系统的基建部分，设计上充分考虑通用性，形成「一套规范覆盖全系统」的通用框架——既降低研发重复成本，又为不同业务模块保留灵活的定制空间。

2.1 列表页

在 SaaS 系统中，列表页是使用频次最高的页面类型。本设计将列表页拆解为四个标准化功能区，每个区域职责清晰、可独立配置。

2.1.1 模块化/标准化

将列表页拆解为筛选区、操作区（业务操作+通用操作）、数据展示区四个职责清晰的功能模块，结构统一复用于全系统所有列表页，降低研发重复成本。

除了基础版，拓展出快捷筛选版、主子表版，满足不同业务需求。既保障模块化/标准化，又适配业务。毕竟所有的设计最终都是为业务服务。

2.1.2 配置灵活化

筛选条件支持自定义组合并保存为模板，解决 B 端用户高频重复筛选的效率问题。列设置支持字段拖拽排序、字段显隐、列宽拉伸、列固定，所见即所得。

2.2 编辑页

服装供应链 SaaS 服务多品牌、多组织的客户，每家企业的业务流程和所需字段各不相同。如果每个客户单独定制开发，成本不可持续。核心设计命题是：设计一套「通用编辑页框架 + 可视化字段配置引擎」，让客户自行完成个性化配置，无需研发介入。

自定义部分包括字段名称、默认提示词、字段/分组顺序、必填/非必填、禁用、添加自定义字段、页面栅格布局等。

2.3 全局搜索

要找某个单据要先进入这个业务模块页面？想一次性找出和关键词匹配的多个单据？全局搜索就是为了解决跨模块的搜索问题。模糊搜索、实时过滤，一键直达单据 / 页面。支持菜单和其他所有业务单据的搜索。当在某个业务模块唤出搜索时，自动定位到该业务tab，省去用户再次切换。

2.4 消息中心

原有系统消息杂乱无分层，风险预警与普通通知混杂，消息内容涵盖不全。因此搭建统一标准化消息中心，将全系统消息按业务属性分类聚合，通过色彩、图标区分信息类型，解决消息分散、重要信息漏看的体验痛点。

消息中心以全局抽屉形式展现，方便在每个页面快速查看，不打断当前工作流。

打通消息、人、业务之间链路。以审批消息为例：清晰定义发起人、审批人、抄送人、转办人在消息流转环节呈现的消息状态、内容格式以及对应动作；直观综合展现审批人在审批时所需要的信息，将审批流信息、业务单据信息等在一个界面上同时展示。

为避免重要消息的遗漏进行消息分级，在后台配置消息重要程度，当某种类型的优先级为P1时，增加消息的弹窗提示。

2.5 标签模块

用户在高频打标操作中，「查找标签」与「新建标签」两条路径割裂，操作频繁中断。比如其中一个电商品牌的客户，会在标签内容中引入“日期元素”，这就意味着需要经常新建标签。​​

这次的设计是将搜索框与新建入口合并为单一输入框，实时过滤现有标签；当搜索无结果时，按回车直接以输入内容创建新标签，零跳转完成。同时引入左侧分组导航解决标签数量大时的定位问题，以彩色视觉编码区分不同类型标签，底部管理操作与高频打标操作分层，避免误触。

整体交互遵循「渐进式披露」原则，将「找→选→建」三步动作压缩为连贯的单一操作，显著降低认知负担，提升操作流畅度。

2.6 导入导出模块

三栏布局将「选模板 → 预览数据 → 操作引导/反馈」三个步骤同屏呈现，用户在一个视图内完成所有判断和操作，无需翻页，提高操作效率。​​

导出任务触发后以右侧悬浮卡片呈现，用户可继续在当前页面正常操作，无需等待导出完成。大文件导出可能耗时数十秒甚至更长，异步设计将等待成本降至最低。

三、业务模块

领猫SCM涉及的业务模块比较多，包括大货前（档案、企划、设计）、大货后（订单、质检、仓储、财务、供应商）。大部分业务模块可直接套用通用列表页、详情页/编辑页，但也有一些比较特殊，比如以下的样衣图库、打样需求、样衣借还、批量入库等。

3.1 样衣图库

样衣图库是设计师或买手用于存储和管理样衣灵感、样衣信息的工具，贯穿于服装设计研发全流程。服装设计师的工作核心是「看」——看款式、看风格、看搭配。通用表格视图以文字和数据为主，无法满足以视觉判断为核心的选款场景。因此该页面跳出系统通用列表页框架，采用图片优先的卡片视图，并围绕设计师的真实工作流程重新设计信息层级与操作路径。

还有一点比较重要的是，在PMF阶段获得了一些使用反馈，设计师在创建样衣图库的时候有个特点：从社交媒体网站或者一些灵感网站批量收集图片，然后直接把图片批量上传（除图片外，只填写一两个字段）。这样通用新建/编辑页就不太适合这种业务场景。因为需要一个方便设计师快捷批量新增图库的业务模块。

3.2 打样需求

SCM打样需求主要应用于产品设计与供应链管理的过程中，用于创建和跟踪样衣制作的需求单据。整个过程旨在高效地推进样衣从设计到生产的前期准备工作，确保样衣样品的质量符合设计和生产要求。设计师或买手发起打样指令，并与面辅料开发部门和技术部门协作完成打样工作。

在客户使用打样需求的过程中，有个比较典型的问题。在新系统上线后，第一个客户使用的过程中，希望用户打样进度的节点信息显示的更简练一点，不希望有太多信息干扰。所以刚上线后，就按这个方向去优化设计，但随着客户越来越多，又出现一个声音：把信息显示的更全写，让我一目了然。这就是很典型的SaaS系统中，不同客户有不同需求。最终采用UI层的可配置化。

3.3 批量入库

四、设计系统

领猫设计系统包含了，将请往查看

AI赋能SaaS平台

如何将 AI 能力自然地融入一个 B 端 SaaS 供应链系统？设计决策是：构建两个层次的 AI 接触点——「随时可唤出的智能助手抽屉」服务高频轻量问答，「独立的 AI 聚合中心」承载深度的智能体管理和垂直 AI 工具，两者分工协作，覆盖用户从临时需求到专项创作的全场景。

智能助手 — 不打断工作流的全局 AI 入口

智能助手以右侧抽屉滑出，用户在查询数据、处理订单的同时即可与 AI 对话，工作流不被打断。左栏智能体列表 + 右栏对话区双栏结构，支持快速切换不同智能体角色。

AI中心 — 承载深度的智能体管理和垂直 AI 工具

构建「智能体市场 → 我的智能体」两级体系。覆盖服装设计师、版师、商品企划、买手、跟单员、质检员等供应链全角色。用户一键添加所需智能体，在我的智能体中完成对话、深度思考、文件上传等操作。AI 工具集则是服装垂直场景的生产力工具。