CASE 05 · ENTERPRISE EXPERIENCE SYSTEM

微保 企业级体验系统

从设计系统建设,到企业级体验标准化,构建设计、研发与业务协同的体验基础设施。

微保业务快速发展,内部 B 端平台持续增加,但缺少统一体验规范。作为唯一负责产品体验设计的设计师,我从客服体系、业务平台与内部工具需求出发,推动企业级设计系统建设。 通过设计变量(Design Token)、组件体系、业务模式沉淀和低代码协同,让设计标准进入产品生产流程,并持续支撑多个内部平台、AI 平台和智能工作流。

RoleProduct Experience Designer
ProductWeSure Internal Platform
ScopeDesign System / Enterprise Platform / Low-code Collaboration
CollaborationProduct / Development / Business Team
微保设计系统的阴影、间距、圆角、字体与颜色规范总览
01 / 企业挑战

从重复设计,到建立企业级体验标准

当业务持续增长,单点设计无法支撑企业平台长期演进。

作为唯一的产品体验设计师,我需要同时支持多个内部 B 端业务平台,覆盖客服知识体系、坐席服务工作台、用户声音平台、数据分析平台和内部业务工具。 缺少统一设计体系时,新需求每次都要从头设计。研发虽然已有低代码能力,但设计体系与开发组件仍存在差异。

继续优化单个平台只能解决当前问题;建立统一设计体系,才能系统提升企业产品建设效率。

02 / 体系建设

建立从基础规范到业务组件的完整体验体系

设计系统不是组件集合,而是设计与研发之间共同认可的语言。

我先建立色彩、字体、间距、圆角、阴影和状态规范,再整理按钮、输入框、搜索框、选择器、卡片、表格和表单等基础组件。 随着真实业务推进,体系继续补充多条件搜索、标签筛选、复杂表格与多级导航。它不是脱离业务整理出来的一套组件,而是基于已有业务和研发体系逐步建设。

微保设计系统的间距、阴影与圆角基础规范
微保设计系统设计变量分层
微保设计系统的按钮、输入框、选择控件与状态组件规范
微保设计系统组件与状态
03 / 设计研发协同

让设计标准真正进入产品生产流程

设计系统的价值,不是停留在设计文件中,而是被研发和业务持续使用。

我没有替换已有低代码技术体系,而是与产品、研发共同梳理现有组件,让设计规范与开发能力逐步融合。

01可复用能力

保留已有组件,仅调整视觉规范。

02需要优化能力

补充交互能力和设计细节。

03需要新增能力

针对复杂业务场景重新建设。

语义色变量在浅色与深色模式中的映射

从组件扩展到页面级业务模式

在组件对齐的基础上,我进一步沉淀工作台、列表、数据展示、多级目录与业务流程等页面级模式。产品团队可以通过组合方式快速搭建符合体验标准的页面,把精力放回业务问题。

  • 工作台布局
  • 列表页面
  • 数据展示
  • 多级目录
  • 业务流程页面
04 / 平台应用

支撑企业内部核心业务平台建设

设计系统通过持续复用,逐渐成为内部平台建设基础。

01

客服坐席工作台

整合用户信息查看、工单处理、知识查询和服务流程辅助,帮助客服更快理解用户问题并完成服务。

客服坐席工作台
02

KMS 知识管理平台

通过结构化信息架构整理复杂保险业务知识,支持客服快速检索解决方案,降低新人客服的学习成本。

KMS 知识管理平台
03

用户声音平台

整合用户反馈与业务数据,帮助团队持续了解用户问题,并支持后续产品体验优化。

用户声音平台
05 / 主题适配能力

一套设计体系,适配不同业务品牌场景

通过设计变量切换主题,避免为不同业务重复建设。

随着内部平台增加,不同业务需要不同的视觉风格。我基于设计变量建立主题适配能力,只需切换主色、辅助色和状态色,就能适配不同业务平台。 主题变化不会改变组件结构、交互规则与体验标准,让品牌差异和产品一致性可以同时成立。

  • 01主色
  • 02辅助色
  • 03状态色
设计变量多主题对照
06 / AI 能力延展

从企业设计系统,到 AI 工作流基础设施

设计体系进一步支撑 AI 智能体(Agent)等新型产品形态。

企业开始探索智能体工作流后,原有设计系统继续延展,为用户输入、AI 理解、生成过程、状态反馈和结果调整提供统一体验基础。

平台能力复用 一套体验基础,支撑三类 Agent 快速搭建

组件、设计变量与页面模板构成统一体验底座,并将用户输入、意图理解、内容生成、状态反馈和结果调整复用到智能海报、产品介绍视频与知识库 Agent。

统一体验底座 组件 · 设计变量 · 页面模板
AI 工作流体验基础 用户输入 · 意图理解 · 内容生成 · 状态反馈 · 结果调整
  • 01 智能海报 Agent
  • 02 产品介绍视频 Agent
  • 03 知识库 Agent
微保 AI 工作流体验基础与三类 Agent 复用关系
07|规模价值

从设计资产,升级为企业级体验基础设施

一套设计系统,最终覆盖公司全部内部平台,并持续支撑后续 AI 工作流建设。

PAGES SUPPORTED 70+

支撑客服、知识库、用户声音、数据与 AI 服务等页面持续建设

DELIVERY CYCLE ≈2 wk → 3–4 d

典型需求从设计到研发交付的周期显著缩短

LASTING IMPACT 全公司内部平台覆盖

离职后,这套设计系统仍作为公司内部平台建设的统一体验基础

WeSure Visual Experience System Design Tokens · Components · Patterns · Themes
  • 客服坐席工作台
  • KMS 知识库
  • 用户声音平台
  • 数据平台
  • AI 服务平台
同一套规范、组件、业务模式与主题能力,支撑不同平台快速搭建并保持体验一致。

设计系统的价值,不是减少设计工作,而是让设计判断被编码、复用,并成为组织持续交付产品体验的基础能力。

More Projects