top of page

First Community Bank

// Mobile app redesign

FCB sign up header.png
Figma-1-logo.png

Made with:

Adobe_XD-Logo.png
Illustrator.png
Project Overview
About the Project
In the context of the Kenyan market, the First Community Bank (FCB) Mobile App project was a strategic pivot to defend its position as the country's premier Islamic bank against "digital-first" conventional competitors by revamping it's mobile banking app
My Role
UI / UX Designer
My Responsibilities
Research, UI / UX Design, Prototyping
Scope of work
  • Define objectives and goals
  • Competitor analysis
  • Persona creation
  • User Journeys and Use Cases
  • Wireframing
  • Design system design
  • User Interface Design
  • Interactive user prototype
  • Testing with actual users
Research
process
User Research:
  • Conducted user interviews, surveys, user journey maps and analyzed app reviews to understand user pain points and preferences.

  • Created user personas representing different customer segments, including tech-savvy millennials, busy professionals, and older adults.

Competitor Analysis:

My competitor analysis provided valuable insights into the strengths and opportunities of our banking app. I analyzed 6 local and non-local banking applications

Personas
User 1 FCB.png
Quote 1.png

"I was always hesitant to use mobile banking apps because the 'Instant Loans' pop-ups felt like a trap for interest. This app is different; when I saw the loan Calculator right next to my balance, I knew this was built for me. It’s not just a bank; it’s a tool that respects how I choose to live my life.

"I used to waste half my morning balancing my books between my phone and the branch. Now, with the in-app M-Pesa 'Pull', I can move five figures into my account while I'm literally talking to a supplier. It’s the first time I’ve felt like my values (Shari’ah banking) finally caught up to my speed of business."

Quote 2.png
User 2.png

Poppins

Typography

Poppins

Poppins regular

Poppins

Poppins medium

Poppins

Poppins semi - bold

Colours

Onboarding

Onboarding

FCB 3.png
FCB Register.png
FCB security 3.png
FCB otp web.png
FCB VERIFY.png
Login FCB web.png

Accounts & Cards

Accounts & Cards

FCB home web.png
  • User profile avatar - 

  • Notifications - 

  • Account & Balance - 

  • Mini-statement - 

  • Forex banner - 

  • Quick links - 

  • Bottom nav bar - 

Mini - statement

  • Instantly access a snapshot of your recent transactions at your fingertips.

  • Keep tabs on your account activity effortlessly. Whether it's checking the latest deposits, withdrawals, or purchases, the Mini Statement offers a concise overview of your financial transactions, empowering you to stay informed and up-to-date.

  • The Mini Statement feature puts the power of your financial information in your hands, providing a hassle-free way to manage your money effectively. Stay informed, stay in control, with our Mini Statement function."

FCB expanded.png
FCB cards web.png

My Cards

  • Instantly access a snapshot of your recent transactions at your fingertips.

  • Keep tabs on your account activity effortlessly. Whether it's checking the latest deposits, withdrawals, or purchases, the Mini Statement offers a concise overview of your financial transactions, empowering you to stay informed and up-to-date.

  • The Mini Statement feature puts the power of your financial information in your hands, providing a hassle-free way to manage your money effectively. Stay informed, stay in control, with our Mini Statement function."

Thank you!

Thank you

bottom of page