Enterprise AI Product Ecosystem

白泽大模型应用产品体系

涵盖智能体构建、工作流搭建、企业 AI 搜索、智能写作、材料审评与知识库管理的一体化 AI 产品体系。

aGENTlABS-白泽产品演示门户

AgentLabs 产品门户底板
宝安区政务服务智能客服
白泽智能对话管理
白泽问政
白泽文墨及司法应用
福建网上办事大厅(边聊边办PC版)
福建网上办事智能客服(移动版)
福建网上办事智能客服(PC版)

项目类型

企业级 AI / 产品体系 / ToB

我的角色

体验和视觉设计负责人

工作范围

UI设计/体验设计/动效设计

团队成员

LDan/Zjinru

WAHT I DID

我参与的工作

参与了竞品分析、场景调研,探索并定义企业AI场景中的主要问题和目标,以指导产品的设计决策。

进行了关键功能的使用流程梳理和体验优化,并在内部进行可用性测试。

主导了产品体系的视觉设计过程,主导了设计规范落地,并为主力产品制作宣传片。

PROBLEM & GOALS

问题与目标

来源于日常的市场项目需求收集,以及与产品团队一起分析竞品的功能特点和使用场景。

定义问题

随着企业数字化建设深入,知识已经分散在越来越多系统中,但员工获取信息的方式,仍然停留在人工搜索和经验传递阶段,且系统建设成本高,传统信息化模式难以满足快速变化的业务需求。

  • 信息分散,企业知识难以获取
  • 业务流程依赖人工驱动,效率低
  • 系统建设成本高,难以快速响应业务变化
  • 专业能力依赖少数专家,难以规模化复制
  • 员工需要学习复杂工具和流程,工作体验低

产品目标

构建企业级AI工作平台,通过智能搜索、知识管理、Agent、工作流和智能协作能力,提升组织效率和业务响应能力。

  • 打造企业统一智能入口
  • 构建企业智能知识能力
  • 实现AI驱动的业务流程自动化
  • 提升组织协作效率
  • 将专家经验转化为组织能力

Product Ecosystem

一套相互连接的企业 AI 能力

围绕企业使用 AI 时的构建、连接、使用与管理,形成从能力搭建到业务应用,再到知识支撑的完整体系

产品体系架构图

演示入口

AgentLabs 产品演示与预览

业务应用

白泽智企 AI搜索与协作
白泽文墨 智能写作
白泽审评助手 材料审评

能力构建

白泽知启元 智能体构建
白泽对话管理 工作流搭建

知识底座

白泽知识库 知识管理与维护

Ideation

探索设计灵感,既体现品牌,又面向企业

我们从构思开始,探索了包括底层的智能体搭建、工作流搭建、RAG知识库管理、ChatUI使用等功能,使用线框图测试各流程的可用性,最终确定使用流程和界面布局。

功能使用流程思维导图与线框图探索

为了完善我们的产品功能以及提升用户体验,我们研究了如 glean 和 dify 这样的成熟平台,这为我们提供了关于智能体工程以及企业搜索功能的宝贵经验,我们的目标是将这些经验融入到我们的设计中,从而提升产品的品质。

除此之外,我们分析了 斑头雁 等B端AI产品的视觉风格,并使用平时积累的设计灵感库。这一探索帮助我们打造出了具有统一美感的视觉风格,注重色彩搭配、字体选择以及布局原则,形成品牌印象。

Product Browser

覆盖企业常用场景的AI产品体系

白泽启元

解决企业专业经验难沉淀、AI应用开发门槛高的问题。通过配置提示词、选择大模型、挂接知识库、添加插件工具等方式,让员工快速创建专属AI助手,将经验转化为可复用的智能能力。

我的工作

负责Agent配置流程体验优化,主导并参与UI 设计。

白泽启元

Featured Design - Workflow

如何降低工作流的使用门槛

  • 根据常用工作流的节点使用占比分析,将使用频率最高的5个节点归类为常用节点,其他节点归类为高级节点,降低节点筛选成本。
  • 支持用拖拽的方式将节点添加至画布中鼠标的位置,让用户对节点的初始位置有足够预期。
  • 节点详情全部由右侧抽屉承载,当前选中的节点高亮,同屏操作消除记忆负担。
工作流功能演示截图
  • 任意节点都可以通过拖拽的方式并入其他节点,形成高度自定义的节点模式。
  • 测试工作流时,执行中、已执行、执行失败的节点都有明确反馈。自定义节点支持内部子节点单独反馈。
工作流功能演示截图
  • 为表单收集等复杂节点设计模块化的配置界面,通过布局和视觉区分状态类、操作类、输入类组件,降低用户学习成本。
  • 支持模块排序、增删功能,只需一次交互即可完成任务。
工作流功能演示截图

Design System

风格指南

紫色是品牌核心主色彩,因其与大自然和农业的紧密联系而被选中。主色被广泛用于标题、按钮以及其他可交互元素中。浅紫色在需要创造对比或视觉平衡时,提供了一个灵活的替代方案。

#544CD4
#8788FD

辅助色彩包括:

绿色:象征完成时与和谐,通常用于状态与合作;

蓝色:平静而值得信赖的颜色,通常用于普通AI内容的展示;

橙色:温暖而充满活力,通常用于强调;

黑白:提供结构、对比感以及可访问性。

#50bc60
#3086dd
#EB9144
#1F1E31
#000000

同时设计独立的产品logo。

Logo 1
Logo 2
Logo 3
Logo 4

Reflection

项目复盘

让用户始终知道自己在哪里、正在做什么,以及下一步如何继续。

01 / INFORMATION

复杂不等于全部同时展示

设计需要决定用户此刻最需要看到什么。

02 / FEEDBACK

AI 状态必须可感知

说明系统正在做什么、结果来自哪里、失败后如何继续。

03 / SYSTEM

统一不等于完全相同

共享规则,同时尊重不同业务场景。

下一个项目