BACK TO PORTFOLIOcase study no. 01 — absaVIEW FIGMA
[ 00 ]UI/UX CASE STUDY·2024
boring finance app?

Elevating ABSA
banking.

A complete redesign of the ABSA banking app focused on usability, modern aesthetics, and accessibility. Took a 3.1-star app and rebuilt it for users who'd nearly switched to competitors.

SUAFI 2024 HACKATHON WINNER
ROLE · LEAD DESIGNER
FIGMA · USER RESEARCH · UX

yes, banking can
be pretty ✿

ABSA banking app mocked up on iPhone 15 Pro
RATING WAS
3.1
VS COMPETITORS
4.2
SCREENS
28
TIMELINE
3 wks
keep scrolling ↓
it gets good ✿
[ 01 ]ABOUT THE PROJECT
quick reality check

A redesign with stakes.

A complete redesign of the ABSA banking app to improve user experience and align it with modern banking expectations. Built for the SUAFI 2024 hackathon — three weeks from research to handoff, scoped tight, shipped end-to-end.

THE PROBLEM

A 3.1-star app in a 4-star market.

ABSA's app held a 3.1 rating while competitors like KCB and Equity sat above 4. Users complained of poor usability, outdated design, and inefficient customer support — and many had already started migrating away.

complaints/mo~840
churn signalrising
last redesign2019
THE GOAL

Make staying easier than leaving.

Identify pain points, address them surgically, and align the app with what users actually expected from modern banking — without overhauling the underlying systems the engineers had to live with.

target rating4.0+ ★
scopefull redesign
north starretention
[ 02 ]RESEARCH
no guessing allowed

Asking the right questions.

Before redesigning anything, I needed to understand why users were leaving — not just that they were.

// RESEARCH GOALS
G·01
Identify usability issues in navigation & layout.
G·02
Analyse user perceptions of the app's visual design.
G·03
Assess key improvements needed for security, debit card management, and customer support.
METHOD
12 interviews ✿
+ app store reviews
+ side-by-side audit
// RESEARCH QUESTIONS
asked the awkward stuff too
Q1What specific challenges do users face navigating between sections?
Q2How do users perceive the visual design — modern? aesthetic? trustworthy?
Q3Which design elements feel confusing or outdated?
Q4What are concerns about balance visibility on login?
Q5How can communication with customer support be made more efficient?
Q6Which debit card management features are crucial?
Q7How important is dark mode for this user base?
↑ findings drove every decision below ✿
[ 03 ]TARGET AUDIENCE & PERSONA
our "don't lose her" user

Meet Sophia.

Built from interviews with ABSA customers aged 18–60. Sophia represents the user we were closest to losing.

Sophia Kimani — marketing manager persona
sophia · the persona ✿
nameSophia Kimani
age28
roleMarketing Manager
statusSingle
archetypedigital native

if sophia wins, retention wins.

// IN HER WORDS

“I want a banking app that is intuitive, secure, and makes transactions seamless without unnecessary hassle.”

// CHARACTER TRAITS
tech-savvytime-conscioussecurity-awarefinancially responsibledesign enthusiast
// BIO

A young professional who prefers digital banking over physical branches. Values efficiency, accessible support, and modern aesthetics. Finds the current ABSA app outdated — and is actively considering switching.

// MOTIVATIONS
Convenience90%
Security95%
User Experience85%
Modern Aesthetics80%
// FRUSTRATIONS
Difficult navigation, cluttered UI
Slow response times on transactions
Complicated customer support flow
Missing essentials like dark mode
// WHAT SHE NEEDS FROM US
Intuitive UI, seamless navigation
Fast, responsive transactions
Efficient, accessible customer support
Enhanced security & balance visibility settings
Modern design with dark mode
[ 04 ]REQUIREMENTS & PRINCIPLES
scope kept us honest

From insight to scope.

Translating Sophia's frustrations into a tight, prioritised build sheet. Functional first, then the constraints the engineers had to live with.

// FUNCTIONAL·5 must-haves
F1Seamless, user-friendly navigation
F2Quick access to transaction history & statements
F3Improved debit card management — block, unblock, set limits
F4Integrated chat-based customer support
F5Account balance visibility settings
// NON-FUNCTIONAL·5 constraints
N1Load times under 2 seconds
N2Mobile-first responsive design
N3Offline mode — view balances & history
N4Dark mode support
N5Multi-language support
// DESIGN CONSIDERATIONS
Five principles guiding every screen.
↑ the rules i played by ✿
01
Clear & simple information architecture
02
Modern, visually appealing UI
03
Enhanced security — biometric, 2FA
04
Seamless onboarding experience
05
Consistent color & typography
yes we wanted 100 features. we shipped the right 28.
[ 05 ]PROTOTYPES
lots of late-night Figma

From sketch to ship.

Two rounds. First a high-fidelity exploration to test the visual direction, then a fully interactive prototype validated in user testing.

PROTOTYPE 01 · ITERATION
first try ✿
ABSA app — first high-fidelity prototype iteration

High-fidelity mockups exploring the new visual system — typography, color, balance card hierarchy. Tested with five users for first impressions and learnability.

test + tweak + repeat
PROTOTYPE 02 · FINAL
shipped ✿
ABSA app — final interactive prototype walkthrough

Fully interactive prototype with the complete user flow — login, balance toggle, transactions, support chat, debit card controls. Validated with eight more users before handoff.

validated, then shipped
// SEE THE FULL FILE
All 28 screens live in Figma.
promise, no mystery layers named "Rectangle 4321" ✿