WHFI

Weihai City Commercial Bank Co., Ltd. offers banking services, it provides deposits, loans, receipts agency, fund management, and other professional banking services to both individuals and companies.

The Problem

Small and micro enterprises and business owners are facing evaluation issues applying for loan approvals from the bank.

The Goal

Design an app to help small and micro enterprises easily going through the evaluation process and efficiently get loan approvals from the bank.

My Role

UI designer working closely with the product manager and the development team.

WHFI offers a smart filter for individuals or small and micro enterprises to evaluate and measure the loan options they would get from the bank. Working closely with product manager and the development team, the service was brought to life to provide a clear procedure for users to go through in order to get approved loans for their own small enterprises.

The visual tone of the app was set based on the visual identity of Weihai City Commercial Bank since it is a service that conducting under the bank control, so that the main visual language and color is set to be the neutral navy blue. 

Key Constraints and solution

Like many banking services in China, the lack of visual design is still profoundly remains in the industry. Even though making up a new visual language for this new app seems essential, it is still important to build this new approach under the design language of the existing Weihai City Commercial Bank in order to imply that it is a service provided by the Weihai City Commercial Bank.

The main color for Weihai City Commercial Bank is a comparably saturated dark blue, while remaining the color identity of the bank, I added a tint of gradient into the color choice for this app in order to form a new color identity for this new app.

Takeaways and next steps

1. Keep accessibility in mind - to make the app compatible with assistant technology.

2. Keep up with the product team to know user feedbacks in order to make the user experience better for future iterations.

3. Currently due to the time constraints, all the interactions and page transitions are basic. For future iterations, it would be nice to optimize the transitions.

For financial inclusion services, most of the pages are filled with forms, so that a big part of the UI kit for WHFI is input items and tabs, which might lead to a comparatively dull user experience. For such characteristics of the app, we aim to bring the entire process clear enough for the user to go through.

Users are able to upload important informations on the app in order to be approved for loans. Each step is being monitored and users can check the status of the application. Due to the characteristics of the service, lots of information are being displayed in the app; in order to make the user easy to find what they have put in for each section as well as making the swiping gesture less vapid, I added drop-downs so that they can minimize each section to easily navigate through the process.