多个平台视觉统一

睿信贷包含移动端、客户端、网页端、PC端和大屏,形成了一个完整的借贷平台。由于表现形式较多,用户体验和视觉不统一,因此我们与睿信贷再次合作,重新定义睿信贷平台视觉风格,打造一套适用于多个平台的全新视觉体验。

定义关键色

睿信贷是一家致力于网络借贷的中介平台,由北京睿信财富资产管理公司负责线上运营管理。因此结合产品定位和业务,我们总结出符合睿信贷产品定位的关键词为简洁、安全、可靠。以此为出发点,经过不断尝试与筛选,最终与睿信贷一同选用了海洋深蓝为视觉规范的关键色。

尝试不同风格的图标

图标是视觉设计中非常重要的一个环节,因为定义的界面风格偏向简洁、安全,所以图标必须有特点,才能给整个页面起到画龙点睛的效果。我们整个团队用了将近一周的时间尝试了各种不同风格的图标,处理手法上不仅要细腻精致、还需要考虑到项目的目标是多用户视觉统一化、图标必须适用于多个用户。最终我们决定用点线面结合的方式。颜色上采用多色搭配,这样我们做到了风格上与页面简约风的统一,也更加便于其他平台的使用,将通用性上升了一个新的台阶。

风格的延续——PAD平台

接触PAD客户端的交互原型图时我们发现里面的功能和信息非常繁杂,如何将繁杂的页面做到简约通透是PAD端视觉改版的一大关键点,因此,我们重新整理其信息架构,通过视觉重组信息的秩序,让信息更准确的传递给用户,没有多余信息的干扰。

网页端

网页端依然延续明快、简介、轻薄的主题,在页面排版上和PC客户端有类似之处,不过网页里面小图标的运用较PC来说运用的更加灵活,不管从图标的尺寸大小、功能用途或是表现方式上来说更为丰富。

IOS手机平台

团队协作

在与睿信贷合作前后,我们深入参与到伙伴团队中去。在合作期间,为了能精准抓取需求和探索视觉风格,我们与睿信贷团队全体成员不断进行沟通与会议,极大的减少沟通成本。与此同时,在我们团队内部也进行深入的研究和讨论,产出的方案也及时与睿信贷团队进行沟通,一同推动项目进展。

页面呈现
更多案例