为万亿市值集团设计的 企业财资服务平台

B端设计 | 财务服务系统 | 企业银行
为万亿市值集团设计的 企业财资服务平台

设计背景

企业财资管理是企业财务管理的核心职能

中国宝武作为国内资产规模上万亿的超大型国有企业集团,多年来始终保持行业领先地位,经营规模和盈利水平位居全球第一。随着集团全球化、多元化的发展;信息技术的进步;以及企业管理需求的演进,都在共同驱动着集团总部及下属公司开展彻底且深入的数字变革,其中就包括宝武财务公司。作为一家专门服务于宝武集团及成员单位的企业,宝武财务公司在企业财资管理上亦呈现出“五化”的发展趋势,即全球化、集中化、多元化、自动化和智能化。本次大邦创新参与的财资服务项目即是财务公司对集团成员单位的服务手段升级,从前、中、后台重构财资管理业务。

前期研究明确系统建设目标

嗅觉灵敏的大型银行们早几年钱就已经开始布局企业针对企业客户的数字财资管理平台了。同业中,以招商银行为首,宁波银行、建设银行、工商银行都已形成较完善的企业财资服务系统定位及功能。通过分析收集到的研究资料,大邦创新发现企业财务管理系统的发展趋势比较清晰,目前大致可以分为3个阶段:1.0阶段的目标是提供支撑与服务,主要作为后台部门,被动的进行短期流动性管理,产品形态偏管理工具;2.0阶段的扩大目标,作为管理部门承担资金管理和运营,包括对账户、资金和短期投融等信功能做管理与控制;3.0阶段的产品升华至价值创造的媒介,目标是整合财金资源。因此其不仅具备工具属性,更与外部生态圈实现互联互通,是企业重要的,具有战略地位的核心职能,突破传统的流动性管理,向“泛财务”领域延伸。

大邦通过与企业高层、业务需求方、成员单位的对话及对现有财务系统的走查,认为现有宝武财务系统处于1.0与2.0之间,已有的网银模块下,如账户管理、现金台账、收支结算、票据集中管理等功能存在较明显的体验问题,亟需优化用户体验;而在智能化、多元化方面缺少如风险管控、全景式数据展示、现金流决策等相关服务。

在这样一个包括前中后台的大型系统项目,大邦创新负责的Part自然是客户直接接触的前台产品设计,我们的设计目标是构建一个以客户为导向的全新财资服务平台,全面提升以用户体验为中心的场景化功能、开放式服务、安全性交易等综合服务的管理能力,助力企业提高财务管理效率、控制成本、降低风险, 从而提升财资管理价值。

考虑到项目难度及周期,本次项目项目拆分为两个可行阶段进行: 阶段一搭建财资管理平台,即为资本运作层及平台运营层搭建财资管理系统,依托资金可视、预算管理、资金集中和辅助决策等专业化模块协助企业整合财资信息,为企业战略决策提供丰富的资金业务数据。 阶段二内部网银升级,通过网银平台为成员单位客户提供网上金融服务和业务处理,重构内部网银门户,提供证书管理、待办事项、财资信使等必要基础服务,以流程线上化和业务办理自助化为主要思路对网银功能改造;新增数字函证、协议管理等在线服务功能。

以客户为中心的体验设计

针对本次设计前中后台的大型设计项目,大邦创新与宝武财务业务方、技术开发方均达成一致共识,坚持“以客户为中心”的根本体验设计原则。具体展开即是便利-用的舒心;安全-用的放心;灵活-用的贴心;互联-用的省心。在最直接接触用户的前端界面设计中,大邦创新的设计师们通过主要通过以下设计来实现以客户为中心的体验:

“叠拼”设计多身份权限的产品架构

从上述两个项目目标中可看出,宝武财资管理系统中的用户分为决策层和操作层两个维度,两维度之间自然存在从属关系,决策层用户(概称为“管理员”)具备的权限是大于操作层用户(概称为“操作员”)的,可通过管理员账户登录财资管理平台和企业网银平台进行操作。但操作员的账户仅可登录企业网银平台,如要通过操作员账户登录财资管理平台,需向管理员提出申请。基于存在的多身份权限情况及具体的功能规划,大邦创新的设计专家从建筑设计获取灵感,考虑通过“叠拼”的方式进行产品架构设计。

首页设计遵循优美且简约原则

在B端金融产品设计中,作为用户登入系统的第一个页面, 企业首页承载的作用是极其大的。 用户最关心、最紧急、最重要的事项和信息都会呈现在首页, 其核心作用是让用户以最快的速度看到想看的信息,处理最急需处理的事项,从而达到“增效”的目的。 因此, 应用尼尔森十大交互体验原则中的优美且简约原则来设计企业网银和财资平台的首页,来保证首页可以更好的提升用户的工作效率和体验感。

在本项目平台首页的内容布局规划中,不管是财资管理还是企业网银,两个平台的基础“户型”一致,均有包括登录、认证、待办、消息等统一的基础服务。突查差异在于内容视角的高度差异,财资管理平台的视角更高,首页呈现的内容体现的是宝武集团成员单位的总体形象,因此除了基础功能之外,首页中还设计有外汇行情、市场研报等内容;企业网银的视角则聚焦在具体业务需求,从操作员的实际工作出发,设计有常用功能入口,缩短用户触达目标的旅程。

根据重要且紧急四象限法制来定义页面内容布局,划分清楚各重要程度的模块职能且进行一定的视觉引导,提升用户浏览效率和具体操作效率。例如在企业银行首页中,展示的主要模块为: 用户信息、 最近使用、待办提醒、消息通知以及运营banner。这些模块不仅可以让用户了解自己当前业务情况, 同时也提供了醒目营销位, 利于后续功能上新迭代。另一方面, 在登陆流程页上, 设计师结合B端产品“重功能、轻体验”的基础特点,视觉传达层面在不影响产品功能的基础上,增加了主色强化和2.5D插画运用, 以此打造品牌专业性和差异性, 影响用户第一心理认知。

资产可视化设计辅助财务决策

资金的集中管理作为企业内部信息与系统互联互通自动化处理能力, 现有的版本由于可钻取的可视化展示水平不足, 无法针对不同层级人员提供对应,全面且及时的准确数据和信息企业财资数据。

我们依据业务需求, 具象化抽离出数据, 通过使用不同的视图布局来保持整体的简洁, 例如左侧导航栏和右侧卡片式信息呈现严格遵循标准的格式塔原则, 有效降低信噪比; 多样的图表样式让整个页面看起来更有层次, 例如环形图、饼图和折线图的搭配让数据呈现更丰富. 除此之外, 为了强化企业的数字化品牌调性, 重新构建视觉系统, 加强品牌色的渗入, 通过比例协调的配色有效提升用户体验度。

WORKSHOP共创定义品牌个性

大邦创新主持与宝武财务项目相关的品牌部、业务部、科技部等老师开展了一场时长3小时的workshop。目的是通过共创工作坊话题讨论得到相关的一些品牌关键词,并和提前找好的情绪版的图片进行投票匹配,以确定符合品牌调性的产品设计原则与视觉风格,进一步了解宝武财务公司品牌VI手册中对于品牌logo、品牌色、字体的定义与规范,并确认是否延用到后续的视觉风格中。

在这个过程中,首先是根据宝财的品牌策略相关的信息,进一步探索对于产品而言,什么是好的设计,什么是符合宝财品牌的产品,并通过组中投票确定数字产品的设计原则。紧接着是采用品牌人格棱镜的方法论来定义品牌人格persona,以此帮助设计师了解企业决策层希望在物理世界塑造并传递给用户的品牌形象或品牌气质,并在后续能更准确的定义品牌风格关键词。最后,通过前面梳理出来的设计原则,大邦创新的Master们初步拟出几类不同视觉风格的产品展示图, 协助宝财参与者思考对应的产品风格调性,在这个过程中探索总结出适合的产品风格。

最终大邦创新与宝武财务的相关利益者们达成风格的一致认可,按照「专业与稳重」的设计风格关键词进行详细设计。注意的是,要与宝武集团vi手册用色保持一致,沿用“宝武蓝”与“宝武红”这两大主色,来保持集团风格调性的一致感。

此次项目我们通过依据数据标准化去重塑宝财金融业务系统, 打造出差异化金融产品及提供高效服务, 有效提升用户体验, 增强客户粘性, 进一步提升了企业生态圈整体价值。与宝武集团的合作才刚刚开始, 期待在未来能够有更加多元且业的共创机会!