01

全新探索

洞察客户真实需求

招商银行1987年成立于中国改革开放的最前沿——深圳蛇口，是中国境内第一家完全由企业法人持股的股份制商业银行，也是国家从体制外推动银行业改革的第一家试点银行。
财资管理云平台(CBS5)是招商银行针对跨国公司、集团企业、财政事业单位等机构类客户资金管理需要，打造的专业财资管理系统。随着产品客户对移动互联、大数据处理及“云”处理的需求，CBS需要在功能上进行一次革新。于是，招商银行找到我们UIPower团队对CBS4.0进行全面升级，在旧版本的基础上提升用户体验，满足用户跨平台的要求。
02

跨平台

挖掘创新机会及空间

随着智能移动终端的不断普及和完善， PC设备在商务办公中的比例正在迅速下降，移动化办公必将是企业信息系统建设的又一次革新。我们与客户反复讨论后以用户使用场景为基础，优化流程为重点，从体验细节打动用户,不断明确功能使用场景和用户使用痛点。
在交互设计时，我们需要考虑不同平台的操作系统的操作特性，不同硬件设备的操作习惯。借助于我们的原型工具UX Designer快速完成产品原型的开发，投入可用性测试，迅速的对交互做迭代调整。
03

卡片化

减少功能界面堆叠

老版本CBS4.0是一款基于Windows PC客户端的软件系统，窗口过多，用户必须在众多菜单项中费时地查找。
我们现在更强调产品服务的“所见即所得”，UIPower团队通过扁平的卡片式设计方式，将产品、咨询、服务等信息更扁平、直接地呈现在客户面前。同时最大化地减少页面层级，使用户产生轻量化的使用感受。
我们还根据不同的设备特性进行不同设计，根据设备的特性进行功能的侧重点划分。
04

一站式登录

减少用户操作步骤

为了满足用户高效、便捷的产品使用心理预期，我们改变了招商银行官网以及各平台账户数据分离的现状，通过建立一站式交互入口，最大化减少用户操作步骤，从而保障了用户查看产品、使用产品等场景下体验的完整性和流畅性。
05

定制化的控件设计

不同于传统的界面设计，我们鼓励设计师发挥想象，突破原有的控件限制，根据产品特性创造更加易用、美观的控件。UIPower团队通过提炼并加以图标引导，形成活泼、鲜明的设计风格，吸引用户的互动参与，从而实现产品、服务等运营内容的个性化精准营销；在保障用户愉悦使用体验的同时，帮助招商银行实现极具体验价值与商业价值的运营模式。
06

可视化的图表设计

基于多维度的可用性测试评估分析，我们发现单调的（如纯文字或表单）展示方式往往给用户带来很多认知困扰，因此，我们采用数据可视化的设计方式，将用户的资产信息、资金走势、金额占比等内容清晰展示，弱化数据带给人的距离感，提升平台用户体验。
07

贴近生活的色彩风格

我们一改CBS4.0版本中庸、严肃的设计风格，为产品融入充满生活气息的多样化色彩，形成极致、纯净、活力的全新设计风格。本系统以蓝色为主，使用不同纯度、明度的蓝色，在丰富界面层次的同时，又使界面整洁和谐，风格统一。
08

可配置的主界面

PC版本的主页我们采用了可配置的主界面交互模式。
提供了最近交易、监控消息、待审核信息、到期提醒、到账提醒、待授权、存款利率、贷款利率、外汇牌价等企业用户最为关注的信息配置到主界面上。
由于PC端产品功能复杂繁多，为了保证平台开发实现效果统一，后续扩展设计有依据，我们对PC端界面进行了统一的规范设计，包括基础规范、控件样式及使用规范。
09

开发实现

CBS4.0客户端使用C++ Builder开发了八年，界面数量超过2000个，为节省开发时间，我们采用DirectUI工具对界面进行改造，可视化的开发方式大大提高了开发效率。