B2B SaaS

Fynix AI 财务管理平台:让收支、储蓄与洞察更清晰

Fynix AI 财务管理平台:让收支、储蓄与洞察更清晰

为 Fynix 设计一套 AI 驱动的个人财务管理体验,将账户总览、收支分析、储蓄目标与智能建议整合到统一的 Web 和移动端界面中。

Fynix AI 财务管理平台桌面端仪表盘
Fynix AI 财务管理平台桌面端仪表盘
2 周

用户研究与需求梳理

2 周

用户研究与需求梳理

8 周

核心体验与视觉设计

8 周

核心体验与视觉设计

1 周

原型测试与交付演示

1 周

原型测试与交付演示

项目挑战

用户的账户、收入、支出和储蓄目标分散在不同入口中,既难以快速掌握整体财务状况,也难以从大量数字中判断下一步应该做什么。

设计需要在高信息密度与易读性之间取得平衡:既要让核心余额、现金流和账户状态一眼可见,又要通过清晰的层级和解释性反馈建立用户对智能建议的信任,同时保证桌面端与移动端体验一致。

设计方案

我先用 2 周梳理用户查看余额、追踪收支、管理账户和设定储蓄目标的核心场景,将信息架构收敛为总览、交易、账户与智能建议四条主线。

随后用 8 周完成桌面端与移动端的核心体验设计。仪表盘以总余额和关键操作为起点,通过收入与支出趋势、账户分布、储蓄进度和最近交易逐层展开;移动端则保留最常用的信息与操作,让用户可以快速查看、转账和管理卡片。

视觉系统围绕 Fynix 的绿色品牌色建立,并补充标志网格、字体层级、色彩规范与统一图标。浅色卡片、柔和渐变和明确的状态色降低了财务界面的压迫感,也让数据、操作和 AI 建议保持清晰区分。最后通过原型测试与交付演示验证主要任务流程和跨端一致性。

项目画廊
Fynix 品牌介绍与桌面端财务仪表盘
Fynix 移动端余额卡片、研究数据与品牌标志结构
Fynix 项目研究、设计、测试与交付流程
Fynix 字体、色彩、图标和智能建议界面规范
Fynix 财务管理问题分析与跨端解决方案
Fynix 网站、桌面端仪表盘与移动端账户界面
Fynix 财务总览仪表盘及数据组件
Fynix 智能数字钱包仪表盘与项目总结
工具与方法

Figma

Adobe Illustrator

Adobe Photoshop

Miro

项目复盘

"这次项目让我更明确:财务产品的价值不在于展示更多数字,而在于帮助用户更快理解数字之间的关系。通过统一品牌、数据层级和跨端操作逻辑,Fynix 从一组分散的财务模块变成了一个清晰、可信、能引导行动的管理工具。"

Create a free website with Framer, the website builder loved by startups, designers and agencies.