National Citizen Bank Internet Banking © 2021
-Beau Agency
Build consistent digital bank experience for individual & business
Creating an outstanding experience for
customers and accompanying them in their life and their business.
NCB positions itself as a smart, friendly financial advisor; committed to sustainable development to bring absolute safety to customers. With perfect, convenient and diversified products and services, NCB is a reliable partner and companion for customers
- be your Bank.
Internet banking has now become an essential application for users
According to a study by Boston Consulting Group (BCG) in 2020, in the era of explosive technology, users are now too familiar with technology applications that make life more convenient than ever with just a few clicks. Developing "customer centric" products helps businesses quickly meet to the user's continuously-changing needs and increase customer retention.
The market share thread from financial solution companies and other banks who quickly implemented digital transformation has created a digital transformation race in the banking industry in Southeast Asia in recent years.
Source: The Rise of Digital Banking in Southeast Asia - 2020
Background
NCB is a young bank and is lagging behind other banks in the digital transformation race because of its old and outdated internet banking system which no longer meets the needs of users. In addition, with NCB's vision, the old IB system has become an obstacle in the bank's development.
The IB system does not meet the needs of users
Built in 2014; The system is no longer updated in terms of technology and images
It is an obstacle in NCB's development vision
Typeface
Color
Gradient Color
Primary and Pastel Color
UI kit Icon
SF Pro Text contributes to express the youthful, professional, friendly feeling of NCB; guaranteed seamless display across different screen sizes.
UI kit Component
End User
Personal
Customers
Function Cases:
- Log in
- Account settings
- Account Management
- User Information Management
- Online savings
- Transfer
- Sample transaction list
- Card opening
- Activate/Deactivate Card
- Loans
- Bills payment
- Mobile phone
- Exchange rates & interest rates
- News, promotions
- Customer support
- Log in
- Account settings
- Account Management
- User Information Management
- Online savings
- Transfer
- Sample transaction list
- Card opening
- Activate/Deactivate Card
- Loans
- Bills payment
- Mobile phone
- Exchange rates & interest rates
- News, promotions
- Customer support
Personal Customers
Open bank account
Transfer
Expense management
Bill payment
Savings
Setting financial goals
Money Transfer to relatives
Loans
Request support
...
Pain ponts
Money
Transfer Flow
Combining fast transfer and normal transfer; internal and external bank at the same screen
Account Flow
01. Account Management The list of account types are shown at the same total assets chart/ loans chart which helps users have an overview of their assets / loans
Card service
At the card listing page, users can hover over cards to quickly navigate to taking actions such as: Issuing card, setting credit limit...
Credit Limits
Card's limits information is displayed right in the listing table, which is convenient for users to follow
Services payment
All automatically paid invoices are listed through colored condensed content sections; help customers easily track their invoices and conveniently manage their finance
Checkout
End User
Corporate
Customer
Function Cases:
- Log in
- Transfer
- Savings
- User Information Management
- Cards
- Service payment
- Cards
- Setup - Settings
- Account Management
- Setup - Settings
- Savings
- Credit
- Service register
- Exchange rates, interest rates
- Setup - Settings
- Log in
- Account settings
- Account Management
- User Information Management
- Online savings
- Transfer
- Sample transaction list
- Card opening
- Activate/Deactivate Card
- Loans
- Bills payment
- Mobile phone
- Exchange rates & interest rates
- News, promotions
- Customer support
Personal Customer's Demands
Money transfer
Funding
Investment
Account management system
Financial management
Risk management
Financial report
Support service
Bills and taxes payment
...
Pain ponts
Money transfer approvement
Combining fast transfer and normal transfer; internal and external bank at the same screen
Transaction Management - Search with filter
Guideline document
The token design system documentation is carefully composed in order to develop and expand a unified product system for NCB
Responsive
