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