我的角色

UI 独立设计

定义设计系统、调研分析、界面输出

团队

我 (UI设计师)

wechoose财务saas系统(0~1)

其他成员

运营1人、产品1人、开发&测试7人

时间线

2021年 9月11日 -2021年 9月19日

高效开发

项目概览

这就一款面向企业财务人员的专业 SaaS 工具,旨在处理复杂的账务、报表与凭证。
由于本项目属于企业内部系统且涉及敏感财务数据,故部分量化指标已做脱敏处理。设计结果主要通过用户任务效率测试与开发协同反馈获得认可。

设计挑战

挑战与痛点

财务工作枯燥且高频,由于数据密度大,用户极易产生视觉疲劳和操作失误。

最大的挑战在于:如何构建一套“任务导向型”的工作流设计,实现“一站式”的全局待办(Todo)和标准审批流?

业务协同:操作碎片化

传统外贸财务流程链路长、跨模块多,导致用户频繁跳转,操作逻辑支离破碎。

交互体验:录入高负荷

财务单据涉及大量密集字段,长时间、高频次的录入极易产生疲劳,导致人为录入出错率高。

Solution Overview

研究&思考

定义问题

Wechoose 是一个专为成长型中型外贸企业量身定制的智能财务SaaS管理平台。它旨在解决企业在快速扩张期面临的财务管理滞后、人工录入数据不准、以及风控能力不稳等痛点。

核心业务目标:重塑企业的财务作业范式

打破操作壁垒-全链路协同

将碎片化的外贸业务流转化为标准化的线性工作流,缩短决策路径。

极致录入体验-高精交互

针对财务高频场景优化表单逻辑,通过交互诱导减少 80% 的人为录入误差。

系统化降噪-设计规范

通过极致统一、严谨的设计规范(如 8px 网格、专业冷色调、高清晰度图标系统),建立用户对平台处理“资金流”的信任感。

UI Research

设计方案

让财务处理从“繁琐”走向“精准高效”
通过设计降低专业软件的使用门槛

UI Research UI Research UI Research

界面展示

将原本冗长的设备列表折叠为“卡片流”,释放了 40% 的首屏空间给社交入口。引入 Dark/Light Mode,适应用户深夜使用的场景习惯。

UI Research UI Research UI Research UI Research UI Research
Solution Overview

Results 结果与心得

以下是一些值得总结的经验教训。 延续到未来的项目中

1、 从“视觉表现”向“业务逻辑”的跨越
在本项目中,我深刻意识到 B 端设计的本质是业务降维。我学习了如何深入理解外贸财务的业务闭环,将复杂的业务规则(如审批逻辑、表单校验)转化为直观的 UI 语言。

2、 设计系统的“系统化思维”
通过维护 WeChoose 的设计系统,我对 Design System 的可维护性有了新的认知。我不仅在设计工具里画图,更在思考如何让组件更易于开发实现、如何让系统具备更强的扩展性。这种“系统化”的设计思考方式,让我能更顺畅地与前端工程师协作,减少沟通损耗。

3、在“约束”中寻找最优解
财务系统对信息密度和准确性有着近乎苛刻的要求。在有限的屏幕空间内,我学会了如何在高信息量(Table/Form)与舒适的阅读感(留白)之间平衡。这种在极端约束下的空间布局能力,极大地提升了我的 UI 控场力和细节处理水平。