银丰新融是柯莱特金融集团下属的专门从事反洗钱业务的专业软件开发公司,在银行相关业务中享有盛誉。此次改版,在原有十多年的软件产品基础上,重新开发出新的软件产品。新的UI设计及交互框架会在二十多个产品线,几百个项目上使用,需要考虑到各个软件产品的通用性、拓展性、统一性。本次项目从一开始的各种问题到最终得到客户的认可和称赞,其中的付出和收获或许只有你真正遇到才会体会。
过程艰辛,结果甜蜜。银丰新融得到一个公司内部和客户上上下下都很满意的软件产品,可以给二十多个子系统,几百个项目实施应用。蓝蓝设计得到满意的设计作品,一切基于用户体验,颠覆性的重新设计、创新、全面、深入的思考,会创造一个打击都满意的好作品!
首页设计
新丰新融方面由产品副总裁带队,与蓝蓝设计团队一起,创新交互方式,借鉴国内外多种产品和组件,尝试不同的布局和风格。首页进行了十次左右的提案,渐渐梳理出思路,首页的设计用了近一个月的时间,其后的几十个页面在两个月左右完成。此次页面用到bootstrap框架,首页拓展性很好,维护方便,采用色块来突出快捷菜单,较大的数字提醒用户注意到未办理或当前栏目的具体数值等主要信息,较新颖的折线不会看起来那么的枯燥,导航和图标划过点击的一些交互实时反馈给用户。

原来的界面分析




竞品分析




首页的各种布局尝试




定稿界面






1.功能模块快捷图标
把重要的使用频繁的功能设计成了快捷图标的形势。
2.统计
不同的栏目统计采用横向柱状图,采用不同的颜色
区分,使统计内容更加直观。
3.公告
不同于以往列表的表现形式,设计师突破固有的思
维采用时间轴的显示方式。
4.卡片
个人信息设计成了新颖的卡片形式,让界面更加的
有活力吸引人,对于不同的内容设计了三种不同的
卡片样式。
5.导航
导航设计成了抽屉式的,一级采用图标的形式,可
以展开和收缩。



