Website App Design

Retail Internet Banking

Go back

Client:

Kesytone bank Limited

Category:

UI/UX Design

Duration:

12 Weeks

Link:

coming soon

About Kesytone Bank

Keystone Bank is a full-service commercial bank currently owned by Sigma Golf River Bank Consortium after being acquired from the Asset Management Corporation of Nigeria (AMCON) in 2017. It was granted a banking license on August 5, 2011, by the Central Bank of Nigeria (CBN). The

Bank has met and exceeded all capital adequacy requirements of the CBN and assumed the deposit liabilities, certain other liabilities and assets of

former Bank PHB Plc.

Project overview

Redesign of the internet banking app with the core objective of improving process efficiency in the banking system, to solve the problems about users complaints, to make onboarding easier and registration flow for new and existing users by simplifying the necessary steps needed.

Challenges

I started by taking the first step, from doing research about the Keystone internet banking app and gathering information about the user experience and their reviews with the help of Google play store and App store. Then I sorted the gathered information and identified the problems. It also helped me in understanding the user perspective of what exactly they wanted. Below are a few problems that I faced when I did some analysis of my own:

User Experience: The app ought to be useful, desirable, usable, and the design elements are meant to evoke emotion and appreciation.

User Interface: The first and the most important thing about an application is the look and feel. the updated app has a bad interface

Lack of user engagement/navigation: The user engagement of the application is based on the look, the offers, and the schemes provided to them. The application is lagging in that compared to the competitors.

Style Guide

Euclid Circular A

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

002561

009FE3

A3D8F5

4C506B

FF2E00

FFFFFF

Design Process

Competitive Analysis

I identified major competitors and looked at application that are currently in use in the banking sector. I analysed their user interface, user experience, information architecture and user flow for the applications. I research their products, sales, and marketing strategies.

User Persona

These personas are made based on user research. User personas support user-centered design throughout the lifecycle of the project by making characteristics of key user segments more salient.

Getting Started

For more insights, I used the LEMERS UX evaluation method. This method describes the ideas of UX design using the “LEMERS” acronym.

Learnability → Are there too many features?

Efficiency → How quickly can one perform tasks? Are there anyspecial shortcuts?

Memorability → How easy can one reestablish proficiency after time away? Would users be able to use the app after a while?

Errors → How often are errors made and how are they handled?

Satisfaction → How pleasant is it to use the design? Is the visual design appealing?

My Goals

Improve usability and make the app more user-friendly and intuitive for users.

Create and validate design solutions.

Improve users’ trust for Keystone Bank.

Discover more about banking generally.

Communicate my design process.

Measuring Goals

Here are the metrics I’d measure in order to understand if the design solutions I implemented were successful. My focus would be on using UX goals to drive analytics measurement plans, rather than tracking superficial metrics. I would look out for the following:

Number of users using the new keystone internet web app.

Complaints and feedbacks tied to quick save that is being sent to support.

Customer reviews on the apple appstore and google playstore.

Constraints

Here are some common issues encountered while designing the new keystone mobile app

Bureaucracy and Decision-Making Process: Big banks often have intricate organisational structures and decision-making processes. This can lead to slow approval cycles and difficulty in getting design decisions implemented promptly.


Legacy Systems: Many big banks rely on older technology systems, which can be challenging to integrate with modern design principles and user experiences.


Regulatory Compliance: Banks are heavily regulated institutions, and design decisions must align with various regulatory requirements. This led to constraints on design choices and a need for thorough documentation and justification of design decisions.

Security Concerns: Banks deal with sensitive financial data, so security is of utmost importance. I had to ensure that user interfaces don't inadvertently compromise security.


Conservative Culture: The conservative nature of many big banks might lead to resistance toward adopting new design trends or innovative user experiences. Convincing stakeholders to embrace user-centered design principles and modern aesthetics was challenging.


Fragmented User Base: Big banks serve a wide range of customers with varying levels of tech-savviness and preferences. I had to create interfaces that cater to both digital natives and those who are less comfortable with technology.


Data Privacy and Consent: Collecting and utilising customer data for personalisation and improved user experiences must be done in compliance with data privacy regulations. I had to balance personalisation with user consent and privacy concerns.


Cross-Channel Consistency: Big banks often offer services across multiple channels such as mobile apps, websites, ATMs, and physical branches. Ensuring a consistent user experience across these channels was a bit of a challenge.


Scale and Complexity: Big banks have extensive product and service offerings, which made it challenging to create a cohesive and intuitive user experience that addresses all user needs without overwhelming them.


Innovation vs. Risk: Balancing the need for innovation with the potential risks associated with new design approaches or technologies can be a delicate challenge, especially in a risk-averse banking environment.

To address these issues, I prioritise collaboration with stakeholders, conduct thorough user research, engage in iterative design and testing, and was prepared to navigate the unique constraints and considerations of the banking industry.


Final UI Design

Below are some of the UI designs I came up with based on the iterations I did on the result of the research conducted.

Welcome back!

Kindly enter your credentials to login to your account

Enter Username

Username

Enter Password

Password

Enter Token

Token

Remember me

Login

Forgot Password?

Recover

Keystone Bank

Retail Internet Banking

Keystone Bank provides a variety of innovative products and services to meet your personal lifestyle needs plus helpful expertise to make your banking experience better and your financial goals for the future more attainable.

GET IN ON

Google Play

Available on the

App Store

4

Search Actions...

Hello, Olalekan 👋

what will you like to do today?😊

View all accounts

Master Card Debit

Account Balance

₦50,890.0

Book Balance: ₦50,890.0

Savings 1024893829

Master Card Debit

Account Balance

₦50,890.0

Book Balance: ₦50,890.0

Savings 1024893829

Top Services

Send Money

Make fast and secure transfers

Airtime & Data

Top up your digital devices

Pay Bills

Swiftly settle all kind of bills

Loans

Easy and fast loan for your needs

Goals & Investments

High-yield tailored investments

Self Service

Manage your banking experience

Recent Transactions

See more

Send money to Olalekan Ba.

April 12, 2024 - 10:50

- N11,000.00

Transfer from Olalekan Bab..

April 10, 2024 - 10:50

+ N80,000.00

Send money to Olalekan Ba.

April 12, 2024 - 10:50

- N11,000.00

Transfer from Olalekan Bab..

April 10, 2024 - 10:50

+ N80,000.00

Transfer from Olalekan Bab..

April 10, 2024 - 10:50

+ N80,000.00

Send money to Olalekan Ba.

April 12, 2024 - 10:50

- N11,000.00

Send money to Olalekan Ba.

April 12, 2024 - 10:50

- N11,000.00

Transfer from Olalekan Bab..

April 10, 2024 - 10:50

+ N80,000.00

Dashboard

Transactions

Dangote Payment

Beneficiaries

Help & Support

Logout

4

Send Money

Dashboard

Transactions

Dangote Payment

Beneficiaries

Help & Support

Logout

Send Money

where would you like to send money?😊

Savings 1024893829

Account Balance

₦50,890.0

Master Card Debit

Transfer Limit

Daily Limit:

₦1,000,000.00

₦58,000.00 Spent

₦ 142,000 Left

Select Beneficiary Account *

Select Beneficiary Account

Enter Amount *

Amount

Enter Narration

Narration

Enter Token *

Token

Go Back

Continue

Send to Own Account

Send money to your keystone account

Send to Keystone Account

Send money to other keystone accounts

Send to Other Banks

Send money to other bank accounts

4

Send Money

Dashboard

Transactions

Dangote Payment

Beneficiaries

Help & Support

Logout

Send Money

where would you like to send money?😊

Send to Own Account

Send money to your keystone account

Send to Keystone Account

Send money to other keystone accounts

Send to Other Banks

Send money to other bank accounts

₦50,000.00

Beneficiary Name

Olalekan Babatunde Aminu

Beneficiary Bank

Keystone Bank

108475440601

Narration

self

Date

24 Jun 2024 5:00PM

Save Receipt

Go Home

VIEW LIVE

Conclusion

The purpose of this project was to create a more intuitive experience that would help improve the experience of users. During the user research I was able to learn more about user pain points, habits and behaviours. I also didn’t allow my personal assumptions influence my design as I made sure my design was entirely based off my research. This allowed me to craft a user experienced tailored for the people I designed for. It was an enjoyable end-to-end experience with interesting insights into how users create better navigation in the app. designing this app was a challenging journey, most especially with the bureaucracy and decision-making Process and prototyping