跳转到内容

口袋银行家 2.0

B 端 banker 应用改版——围绕「高效、简单、数据可视模块化」三个方向重塑。

2019·product·Client · 平安银行·Role · 设计组长 · 高级 UI·★ Featured
01

项目背景

Background

口袋银行家是平安银行面向内部行员的 B 端 APP,行员通过它了解行业资讯、掌握客户动向、管理销售团队、查看业绩。

1.0 版本存在诸多问题:颜色混乱、科技感薄弱、数据模块样式与单位不统一、图标风格杂乱、首页层级阅读顺序混乱、多角色共用同一界面等。2019 年 2.0 改版围绕「高效、简单、数据可视模块化」三个方向重塑。

02

设计过程

Process

现场调研——在平安银行蛇口支行实地调研,对象覆盖营销团队 8 人、理财经理 3 人、个贷团队 4 人、支行长 1 人,明确各角色的核心使用场景与差异。

视觉升级——品牌色饱和度提亮、增加科技感视觉传达,搭配业务品牌色(主/辅色);统一数据可视化视觉表达,圆角情绪凸显科技、金融、沉稳。

设计理念落地——视觉一致性(相似元素以相同方式呈现)、功能一致性(流程逻辑统一)、简单易用(提升效率、增加预测性)。

五大首页改造——首页(信息层级梳理 + 金刚区重排 + 工作计划卡片折叠);客户(领导与行员双角色内容差异化);业绩(核心三指标首屏 + 数据图标化);发现(功能抽屉 + 常用自动首屏);我的(十三种身份切换按钮)。

缺省页统一——重绘建设中、无权限、无信号三种高频缺省页。

组件库——2.0 视觉更新同时建立项目组件库。

03

项目设计图

Design Images
首页 · 经营工作台
01 / 08首页 · 经营工作台图内下滑
[ 8 张项目设计图 ]project-gallery

More work

06 / 06
[ 横向滑动 ]more-work

想要了解更多这个项目的过程,或者聊类似的工作?写信到 alexpeter5@126.com