传统系统TRADITIONAL SYSTEM
商户系统
功能驱动 · 模块叠加 · 被动操作
返回作品集
ZHUGE CLOUD / SYSTEM REDESIGN
业财税 AI 交互平台
体验升级
从商户系统，到智能业务工作空间。业务边界已经发生变化，原有系统框架需要承载新的协同方式、角色分工与智能能力。
01 / PROJECT BACKGROUND
这不是一次简单的界面改版
业务边界已经发生变化，原有系统框架需要承载新的协同方式、角色分工与智能能力。
智能工作空间INTELLIGENT WORKSPACE
业财税 AI 交互平台
任务驱动 · 业务协同 · 智能辅助
长期迭代的功能系统面向任务的智能工作空间
猪哥云长期服务于传统 ERP 与财税行业。原「商户系统」在持续迭代中积累了大量功能，也逐渐形成复杂的操作路径与较高的学习成本。随着业务向业财税一体化及 AI 智能服务延伸，以功能模块为中心的旧框架，已经难以支撑跨角色协作和智能化任务处理。
02 / EXPERIENCE DIAGNOSIS
先找到结构性问题，再开始设计
我没有从颜色和样式入手，而是通过业务访谈、系统走查与任务拆解，定位影响效率的核心问题。
功能持续叠加
导航按照产品模块堆叠，入口多且归类不清，用户需要记住功能位置。
业务链路被切割
同一任务分散在多个页面，频繁跳转、重复查找与确认信息。
交互规则不统一
表格、表单、弹窗与状态反馈缺少一致规则，增加理解成本。
AI 与业务割裂
独立聊天入口缺少企业、账期和业务对象，建议无法直接落到操作。
DIAGNOSIS
真正需要升级的，不是页面样式。
而是系统组织业务、呈现信息和帮助用户完成任务的方式。
03 / DESIGN STRATEGY
建立四层体验升级策略
从底层框架到设计资产，让每一次优化都服务于同一个产品目标。
系统框架升级
从按功能划分转向按角色任务与业务场景组织，建立稳定、可扩展的信息架构。
核心交互优化
减少跨页面跳转和重复操作，统一任务状态、反馈机制与异常处理方式。
AI 能力融入
让 AI 理解当前业务上下文，形成建议、确认、执行与反馈的完整闭环。
设计体系建设
沉淀变量、组件、业务模板与使用规范，支撑产品持续迭代。
04 / INFORMATION ARCHITECTURE
从功能入口，重构为任务工作空间
重新定义导航、工作台和页面容器之间的关系，让用户不再依赖记忆寻找功能。
以功能模块为中心→以角色任务为中心
从“找功能”到“做任务”，让用户更快进入工作状态
BEFORE
功能树持续增长
模块分散，入口多，使用路径不清晰
- 产品模块
- 二级菜单
- 功能页面
- 独立 AI 入口
AFTER
稳定的任务框架
围绕角色与任务组织，结构清晰，路径明确
全局上下文
快速掌握业务全貌
角色工作台
按角色聚合高频任务
业务工作区
围绕业务流程高效协作
AI 智能助手
结合业务场景的智能支持
通过稳定的全局导航、业务导航、任务工作区和 AI 助手区域，为不同角色与后续业务模块提供统一承载方式。
对话流 01
对话流 02
05 / INTERACTION OPTIMIZATION
不展示所有页面，只讲清关键任务
选择最能体现设计价值的业务场景，呈现从问题、决策到结果的完整优化过程。
从“寻找功能”到“处理任务”
原有问题
同一项商户任务被拆散在多个模块，用户需要反复跳转、查找资料并确认处理状态。
设计动作
围绕商户建立统一任务工作区，将关键资料、办理状态、异常提醒与下一步操作集中呈现。
06 / AI EXPERIENCE
AI 不是聊天窗口，而是业务协作者
让 AI 理解用户正在处理的企业、账期、任务与数据对象，并对关键操作保持可控和可追溯。
识别
读取当前企业、账期与任务上下文
理解
分析业务数据与用户真实意图
建议
给出原因解释和可执行方案
确认
关键操作由用户明确授权
反馈
执行结果可查看、可追溯
上下文可见
建议有依据
操作需确认
结果可追溯
07 / VISUAL LANGUAGE
建立专业、清晰、有秩序的视觉体验
视觉升级不是换一套颜色，而是让信息层级、业务状态和操作重点更容易被识别。
可信感科技感秩序感
专业 / 框架#0B1F36
品牌 / 操作#246BFD
智能 / 高光#19D3C5
背景 / 层级#F4F7FA
08 / FIGMA DESIGN SYSTEM
沉淀可持续的设计能力
通过 Variables、Variants、Auto Layout 与业务模板管理一致性，也让设计交付从逐页绘制转向系统化搭建。
基础变量
颜色 · 字体 · 间距 · 圆角 · 阴影
通用组件
按钮 · 表单 · 表格 · 弹窗 · 导航
业务组件
商户卡片 · 财税状态 · 风险提醒 · AI 建议
页面模板
工作台 · 列表 · 详情 · 配置页
Figma 组件库全景
从基础变量与通用组件，到复杂业务场景，形成可持续复用的设计资产。
Variables
颜色、字号、间距及主题变量统一管理，减少局部样式漂移。
Variants
通过状态、尺寸和类型组合覆盖复杂组件的使用场景。
Auto Layout
组件具备自适应结构，支持不同文案与内容密度。
Slots
保留灵活内容插槽，在统一规则下适配业务差异。
09 / RESULT & VALUE
让升级价值能够被看见
未使用尚未核实的效率比例、操作步数和组件数量，本阶段以可验证的定性成果呈现项目价值。
用户体验价值
任务入口更集中，信息层级更清楚，操作反馈与异常处理更加一致。
产品业务价值
新框架能够承载更多角色、业务模块和 AI 场景，减少功能叠加造成的结构混乱。
团队协作价值
通过组件、模板和变量统一设计规则，降低重复设计与研发沟通成本。
REFLECTION
复杂系统的体验升级，从来不只是视觉升级
这次升级让我更加确认，复杂 B 端系统的体验问题很少只是视觉问题。真正有效的设计，需要从业务目标、角色任务与系统关系出发，重新组织信息、流程与交互规则，并把最终方案沉淀为团队可以持续使用的设计体系。
先重构系统帮助用户完成任务的方式，再让视觉表达准确地呈现这种变化。