Design system
Final Product Design
Colour Scheme
Iconography
Aa
Aa
Fonts and Typography
Subtitle
Body Regular
Body Small
Pre Title
Button Text
Body Bold
Welcome to my world
Welcome to my world
Welcome to my world
Welcome to my world
Welcome to my world
Welcome to my world
Welcome to my world
welcome to my world
welcome to my world
#FFCC66
#00ADEA
#FFFFFF
#004DC2
#000000
Title
H2
H3
Montserrat
Regular, Medium, Semibold
Log out
User Flow
Overview
Open App
Home
Log in
Mobile
mpin
Existing user
New user
mpin
Edit profile
Profile
Log out
Service request
Notifications
Ask Ila
SBI Pay
Pay details
bill received
Services
Edit profile
Card Management
Log out
More
Home
Home screen
E-store
Insurance
Benifits
Edit profile
Log out
Edit profile
Log out
Edit profile
Log out
Fees
Edit profile
Log out
Others
Edit profile
Profile page
Rewards
AI chatbot that responds accurately to all inquiries, with user-friendly features.
Ask Ila
Revamped all services with a distinct logo and structured division of work.
Additional features
E-Store
Insurance
Benifits
SBI pay
Onboarding
Services
Spend analyzer
Simple yet informative dashboard enables users to enage effectively.
Homepage and features.
Homepage
A mock AR preview of SBI CARD- Currently working on this section using Unity 3D.
Prototyping
Rs 13k
Total Outstanding
Rs 80k
Already payed
AR Feature
The reworked Onboarding is far simpler since I eliminated unnecessary design features and functions in the sign-in procedure.
UX CASE STUDY
PROJECT
MY ROLE
FEB- APRIL 2023
DURATION
3 MONTHS
/02
DESIGN THINKING
INFORM. ARCHI.
USER FLOW
UX RESEARCH
UI DESIGN
ACCESIBILITY
USABILITY TEST
COGNITIVE LOAD
A/B TESTING
CONCLUSIONS
Problem / Proposal Statement
Proposal
Problem
Within this case study, I have implemented the Stanford d.school's Design Thinking methodology for a complex UX endeavour.
Interviewing
Shadowing
non-judgemental
Interviews
Understand
Existing App interface
Personas
Objectives
SWOT Analysis
Pain points
Share Ideas
Crazy 8s
Diverse and Converge
Priorotize
Storyboards
Design System
Low- Fidelity
Mid- Fidelity
Iterate
Fail fast
What works
Usability testing
user feedback
Iterate
EMPATHISE
DEFINE
IDEATE
PROTOTYPE
A/B TESTING
DESIGN PROCESS
The Indian credit card industry has experienced a swift expansion, boasting a compound annual growth rate (CAGR) of 20% over the past five years. Credit card circulation in India has risen from 29 million in March 2017 to 78 million in July 2022. The total credit card expenditure in the country is projected to hit INR 126 billion by 2026. Leading credit card providers in India include HDFC Bank, SBI Cards, and ICICI Bank.
OVERVIEW
OVERVIEW
Here, I have tried to find the invisible problem of the users by The tip of the iceberg method .
How users fell ? (Subconscious emotions)
What users do what they do ? (Unconscious Beliefs)
INVISIBLE PROBLEM
What you see/What users say ( actions or conscious reflection or data )
User Research
@ Made in Mid-journey /AI Art
USER INTERVIEW
For user Interview I prepared a set of questions for the potential
users of SBI card app .Below are the findings.
OBSERVATION
Users are finding it difficult to figure out the amount to be paid exactly as the latest transaction is not being updated.
Loading time is a little longer and the flow of the app looks a bit sticky.
The spend analyzer is an issue, as the user finds it difficult to trace it.
If a user has more than 1 card, its ui-ux becomes really complicated.
The payment link has very bad UX. Becomes too complicated.
Goals: Akash wants to use SBI Credit Card SimplyClick to make online purchases, track his spending, and earn rewards. He is looking for a user-friendly app that is easy to navigate and use. He is also looking for an app that offers a variety of features, such as the ability to pay bills, make purchases, and redeem rewards.
EXTREME USER IDENTIFICATION
Extreme user for SBI CARD could be anyone who is using the credit card for 1st time or a elderly citizen .
Thus the UX should be simple and multi-disciplinary in nature for executing any tasks.
Independent
Lazy
Tired
Team player
Active
Full of energy
Messy
Organized
Busy
Time rich
Analytical
Creative
Introvert
Extrovert
Empathy Map
Low- Fid Wireframe
Overview
Creating rough drafts for the SBI Card app required multiple versions because comprehending the initial information architecture was excessively very confusing. It necessitated nearly five iterations and numerous redos of varied user flows to reach the conclusive one.
Feedback and User testing
The app's ability to provide real-time insights into spending patterns and manage finances effortlessly is truly commendable. I particularly appreciate the app's integration with various payment platforms.
Akshat, It professional
After considering the feedback and conducting user trials, it's clear that minor refinements and further testing will enable the prototype to integrate smoothly with our SBI card clientele. Your insightful feedback is anticipated to enrich my understanding of the process and facilitate further improvements.
I love how AskIla is so intuitative and the interface is so smooth and overall a great experience using the prototype.
Deepak senapati, manager PNB
As compared to previous app, its a great rebrand overall and very easy to use.
Aurobindo senapati, manager Axis bank
Conclusion
UnderstandingExisting
Information Architecture
The purpose of the User method is to comprehend the ways in which customers engage with the SBI Card application. This understanding is attained by monitoring and shadowing customers while they navigate the app, note-taking their actions and feedback, and dissecting this information to pinpoint opportunities for betterment. Additionally, interviews are facilitated to yield further insights into the users, therefore revealing hidden issues and extreme user cases.
SHADOWING
In essence, the observational analysis offered useful understanding about the user engagement with the SBI Card application. This acquired knowledge can be leveraged to enhance the app's user-friendliness and make it more convenient for patrons. This comprises of Navigation, clarity in mistake prompts, information provision, extra functionalities, sophisticated expenditure evaluator, and simplicity of usage.
Expand into new markets: The Indian credit card market is still relatively concentrated in a few major cities. By expanding into new markets, SBI CARD could reach a wider audience of potential customers.
Offer innovative products and services: The Indian credit card market is becoming increasingly competitive. By offering innovative products and services, this would differentiate itself from its competitors.
Improve customer experience: The customer experience is becoming increasingly important in the credit card market. By improving customer experience, SBI CARD could build loyalty and attract new customers.
"Users frequently struggle to navigate through the complex and cluttered SBI Card mobile app interface, resulting in high drop-off rates during the application process and reduced user engagement."
SBI Card aims to provide excellent financial solutions to its clients. To improve the user experience of the SBI Card mobile app, I have suggested a comprehensive strategy that simplifies navigation, addresses UI issues, and ultimately enhances customer satisfaction.
Thank you for taking the time to visit my portfolio website.
