

Mobile Branch
Banking
Solution
Banking Project
August - 2019
01
Project overview
01

Research
Interviews
Personas
Competitor analysis
Research available customer data
User flows
The product
Mobile Branch is a private banking app for bank tellers. support to resolve procedures immediately for customers with only 1 application. They wanted an app that was easy to use and had a control panel.
Project goal
My role in team
My responsibility
Middle UX/UI design
Create a banking application with great service, easy to use, high security
Research, UX/UI Design, Interaction Design, Prototyping, Design system.

Understand
the user
The scope of work
Research
Ideation
Prototyping
UI Design
User Testing
User interview
Research available customer data
Personas
Problem statements
User flows
Competitor analysis
Function analysis
Define MVP
Information Architecture
Paper wireframes
Digital wireframes
Prototyping
User testing
Adjustment
Visual Conception
Accessibitily testing
Final design of all layouts
Interactive prototypes
Design system
User testing
Results summary
Define next step
Users’s pain points
Slow processing time: When customers come to the bank, they often expect to be served quickly and efficiently. However, bank tellers often have to handle multiple transactions and customers at the same time resulting in longer waiting and processing times.
Complex transactions: Banking transactions can be very complex and require highly qualified teller skills, along with the ability to clearly and convincingly explain to customers. This requires tellers to have good skills and knowledge of the bank's products and services.
Complex systems and documents: traders often have to deal with many types of documents and use many different systems to complete a transaction. Using complex and unfriendly systems can be difficult and stressful for traders.
Waste of time and effort: When going to the customer's house to advise the customer and make a transaction, the teller has to go back to the bank branch to be able to perform the customer's transaction.
High customer flow: Banks often have a large number of customers coming in and all of them expect to be served quickly. Therefore, tellers often have to work in noisy, busy and high-pressure environments.
1
2
3
4
5

02
Application Structure

Based on analyzing banking functions, business goal and user needs.
MVp application's structure. Only meet the features at the counter.

Ideation &
Prototyping
03
Wireframes
80+
Screens


Home screen
Problem
Banks have a lot of features, users usually only use a few features.
Users need to track their KPIs
Solution
Rearrange functions by group: new creation group, information group, payment function group...
Show preview of KPI dashboard, notify branch activities
04
Solving UX-problems
Tất cả dịch vụ
Công cụ, tiện ích
Khuyến mại
Hỗ trợ sản phẩm/dịch vụ
Sản phẩm/dịch vụ
Quản lý công việc
Quản lý cơ hội bán hàng
Quản lý khoản vay
Quản lý khách hàng
Management screen
Problem
Users have difficulty in managing customers in the traditional way.
Managers have difficulty keeping track of their employees
Solution
Create a work progress management page: manage appointments and work status, manage the number of customers ...
Quản lý cơ hội bán hàng
Tất cả
Mới
Đang chăm sóc
Thành công
Vũ Thị Thanh Huyền
Điểm tiềm năng
Sản phẩm
Số tiền
Trạng thái
Thời gian:
50
Vay tín chấp
30,000,000 VNĐ
Mới
18/02/2020
Được phân bổ
Vũ Thị Loan
Điểm tiềm năng
Sản phẩm
Số tiền
Trạng thái
Thời gian:
50
Vay tín chấp
30,000,000 VNĐ
Mới
18/02/2020
Tự phát triển
Sản phẩm
Số lượng
Doanh số dự kiến
Huy động
Tiết kiệm
TÍn dụng
Bảo hiểm
5
4
2
5
350,000,000 VNĐ
420,000,000 VNĐ
40,000,000 VNĐ
70,000,000 VNĐ
Tìm kiếm cơ hội bán hàng
Mã
123
Khách hàng
Nguyễn Thị Lan
Loại vay
Vay tín chấp
Số tiền
100,000,0000
Thời gian
6 tháng
Trạng thái
Chờ duyệt
Mã
122
Khách hàng
Thu Vân
Loại vay
Vay tín chấp
Số tiền
100,000,0000
Thời gian
6 tháng
Trạng thái
Đã duyệt
Mã
120
Khách hàng
Lê Văn Dụ
Loại vay
Vay tín chấp
Số tiền
100,000,0000
Thời gian
6 tháng
Trạng thái
Đã duyệt
Mã
121
Khách hàng
Nguyễn Văn An
Loại vay
Vay tín chấp
Số tiền
100,000,0000
Thời gian
6 tháng
Trạng thái
Mã
119
Khách hàng
Lê Văn Thiêm
Loại vay
Vay tín chấp
Số tiền
100,000,0000
Thời gian
6 tháng
Trạng thái
Từ chối
Từ chối
Quản lý khoản vay
Tất cả
Chờ duyệt
Đã duyệt
Từ chối
Tìm kiếm cơ hội bán hàng
Loan Screen
Shorten to 3 steps to apply for a loan
Detailed description of the required information of the file
Save Screen
Save money with just one step
Instant profit calculation system
05
UI Design
The application is designed to be minimalist, clean and intuitive. I researched users of different ages and paid particular attention to accessibility
300
Screens









Home screen
All frequently used features, function and management in one screen
The function section can be expanded or collapsed
Clear KPI monitoring table helps check work progress
Đăng ký khoản vay
Thông tin vay
Thông tin KH
Xác nhận
Tìm hiểu sản phẩm
Sản phẩm vay*
Vay mua ô tô
Hình thức vay
Vay thế chấp
Tài sản đảm bảo*
Quyền sử dụng đất đai
Tính lãi suất trả
Chi nhánh TSBĐ
Thăng Long
Giá trị tài sản*
100,000,000 VNĐ
Địa chỉ TSBĐ*
11 Ô chợ dừa, đống đa, Hà Nội
Thu nhập cá nhân*
30,000,000 VNĐ
Số tiền vay*
200,000,000 VNĐ
Số tháng vay*
12
TIẾP TỤC
Lãi suất tạm tính * (%/ năm)
9 %
Đăng ký khoản vay
Thông tin vay
Thông tin KH
Xác nhận
Tìm hiểu sản phẩm
Sản phẩm vay*
Vay mua ô tô
Hình thức vay
Vay thế chấp
Tài sản đảm bảo*
Quyền sử dụng đất đai
Giá trị tài sản*
VNĐ
Thu nhập cá nhân*
VNĐ
Số tiền vay*
VNĐ
Vay mua xe
ĐÓNG





Workflow management Screen
Users can create appointments with customers on the application.
Appointment reminder feature helps users not to forget
Display feature by day, week, month
Smart filter: help users search easily



Smart search
The system remembers the user's search keywords. displayed in order of most recent.
Navigator
The system displays the secured assets already in the system
Let’s collaborate
Please use the web to view