Noble Ugorji
MobileFintechUI/UXAdminDesktop

SureBanker — Sustainability in Finance

How SureBanker is building a financial system that maintains successful transactions for businesses and entrepreneurs.

TIMELINE

3 months, 2025

TEAM

Finclusion

IMPACT

Gained 1400+ users since the redesign went live in January 2025 (as of October 2025)

Main wallet dashboard optimized for desktop and mobile
Main wallet dashboard optimized for desktop and mobile
Phone, email, and Finclusion ID login options
Phone, email, and Finclusion ID login options
Wallet funding methods and bank-account details
Wallet funding methods and bank-account details
Business onboarding and silver dashboard with black actions
Business onboarding and silver dashboard with black actions
Agent customer management and KYC status
Agent customer management and KYC status
Admin overview, KYC review, and operational health
Admin overview, KYC review, and operational health
Virtual and physical card management flow
Virtual and physical card management flow
Responsive dashboard system across desktop and mobile
Responsive dashboard system across desktop and mobile
Transfer flow with recipient, amount, narration, and confirmation states
Transfer flow with recipient, amount, narration, and confirmation states
Escrow workspace with active agreements and transaction history
Escrow workspace with active agreements and transaction history
Virtual card management and recent card activity
Virtual card management and recent card activity
Admin approval queue with KYC request review
Admin approval queue with KYC request review
Customer profile, linked accounts, KYC evidence, and transaction history
Customer profile, linked accounts, KYC evidence, and transaction history
SureBanker Agents customer onboarding and management
SureBanker Agents customer onboarding and management
Mobile banking experience and wallet actions
Mobile banking experience and wallet actions

Role & Impact

  • Gained 1400+ users since the redesign went live in January 2025 (as of October 2025)
  • Reduced onboarding drop-off and improved retention, according to customer service reports
  • Established the official onboarding framework for the Finclusion ecosystem
  • Delivered three interconnected products: SureBanker Web (responsive), SureBanker Business, and SureBanker Admin
  • Validated design decisions through field testing with artisans and market vendors

Product Context & Problem

I joined the Finclusion team through a referral to work on SureBanker, a neo-banking platform focused on making financial services accessible to Nigerians across different literacy levels and business sizes. SureBanker launched in March 2024, and I joined during its early phase.

On reviewing the product, it became clear that several critical design processes had been skipped, resulting in inconsistent flows, usability gaps, and reduced user confidence. My redesign went live in January 2025.

The challenge wasn't incremental improvement — it required a strategic overhaul to make the product scalable, compliant, and trustworthy.

Key user concerns:

Key user concerns: security anxiety around NIN and BVN verification, lack of guidance for first-time users, need for invoices and proof of payment, and a strong preference for desktop access, especially for business users

How SureBanker Works

1.

Users sign up and complete onboarding verification

01 / 5 connected screens

SureBanker branded splash screen
Splash screen
SureBanker onboarding screen introducing instant payments
Welcome and product onboarding
SureBanker detailed account registration form
Detailed account registration
SureBanker phone-number verification screen
Phone verification
SureBanker registration success screen
Registration complete
2.

Wallets are activated for deposits, transfers, bills, and card management

02 / 5 connected screens

SureBanker personal wallet home
Wallet home
SureBanker add-money methods and bank-account details
Add money
SureBanker cash-deposit instructions
Cash deposit
SureBanker QR funding screen
QR payment
SureBanker virtual and physical card choices
Card management
3.

Businesses complete additional verification to access SureBanker Business

03 / 5 connected screens

SureBanker Business registration screen
Business registration
SureBanker Business account setup
Business profile
SureBanker Business CAC registration form
CAC registration
SureBanker Business silver dashboard with black action buttons
Business wallet
SureBanker Business guided dashboard
Guided setup
4.

Admins oversee transactions, verification, support, and compliance via the Admin Portal

04 / 5 connected screens

SureBanker admin account creation
Role-aware admin access
SureBanker admin pending KYC approvals
KYC approvals
SureBanker admin transaction details
Transaction review
SureBanker admin customer details
Customer evidence
SureBanker admin card management
Card operations

Discovery, Research & Framework

Discovery & Stakeholder Alignment

I initially worked with tester feedback comparing SureBanker to existing neo-banking apps. After implementing quick fixes, I proposed a complete redesign of the web experience due to its incomplete structure.

Stakeholders agreed and expanded the scope to include fully responsive web versions, supported by insights showing that users and businesses preferred desktop interaction for serious financial tasks.

Fragmented SureBanker journeys resolving into a connected and trustworthy multi-surface financial system
From fragmented journeys to one connected financial system
SureBanker phone, email, and Finclusion ID login options
Flexible login paths for different account contexts
SureBanker business-account selection
Clear account selection for people managing multiple businesses
SureBanker Business account introduction
A distinct entry point into business onboarding

Research & Validation

To avoid designing in isolation, I utilized results from field testing conducted by the Finclusion team with artisans and market vendors in specific Lagos State markets. These sessions helped validate onboarding clarity and informed decisions for users with varying levels of digital literacy.

The outcome became the official onboarding framework adopted across the Finclusion ecosystem.

SureBanker mobile banking home presented for release
Validated wallet hierarchy
SureBanker everyday services presented for release
Everyday services in familiar language
SureBanker transfer experience presented for release
Clear transfer paths and feedback
SureBanker savings experience presented for release
Savings made legible at a glance
SureBanker budget experience presented for release
Budgeting structured for repeat use

Framework Development

I studied multiple neo-banking apps to establish best practices, then created comprehensive user flows for platform onboarding, money deposits and transfers, virtual card management, bill payments, profile management, and referral programs.

Each flow emphasized clarity, feedback, and error prevention.

SureBanker virtual-card introduction
Virtual-card setup
SureBanker physical-card introduction
Physical-card setup
SureBanker freeze-card confirmation
Card safety and freeze state
SureBanker card-limit controls
Card spending controls
SureBanker one-tap payment concept
One-tap payment direction

Product Architecture

Before & After: Dashboard Redesign

The earlier dashboard established the core banking functions, but its hierarchy fragmented balances, actions, cards, beneficiaries, and transaction data into competing visual treatments. I redesigned the system around clearer account context, stronger primary actions, calmer supporting surfaces, and one responsive language across mobile and desktop.

The comparison shows the shift from a feature-dense first version to a more legible financial workspace where users can understand their position, choose the next action, and move between personal finance tools with less visual effort.

Earlier SureBanker mobile dashboard before the redesign
Before / mobile dashboard
Redesigned SureBanker mobile dashboard with clearer account hierarchy
After / mobile dashboard
Earlier SureBanker desktop dashboard before the redesign
Before / desktop dashboard
Redesigned SureBanker responsive desktop and mobile dashboard system
After / responsive dashboard system

SureBanker Web (Mobile & Desktop)

The core product needed to serve individual users across devices. I designed responsive interfaces that maintained consistency while optimizing for each screen size. Key features included intuitive navigation, streamlined transaction flows, and built-in user guidance through tour guides—a direct response to customer support feedback requesting platform education tools.

A critical feature addition was invoice and proof-of-payment upload, which users relied on for accountability and transaction evidence.

SureBanker responsive dashboard
Responsive wallet dashboard
SureBanker desktop transfer flow
Transfer and confirmation flow
SureBanker card workspace
Virtual and physical card controls
SureBanker escrow workspace
Escrow agreements and protected transactions
SureBanker desktop account-freeze safety controls
Advanced account safety and freeze controls

SureBanker Business

Businesses needed clear separation between personal and business finances. I designed a verified onboarding framework consisting of:

  • •CAC verification
  • •Business tier verification
  • •Address verification

This structure ensured compliance while reinforcing credibility for merchants and registered businesses.

SureBanker Tier 2 business verification requirements and account limits
Business tier requirements and limits
SureBanker business account upgrade confirmation
Successful business-account upgrade
SureBanker Level 1 business verification form validating a CAC name and registration number
Level 1 CAC verification
SureBanker Level 2 business address verification form matched to CAC records
Level 2 business address verification
SureBanker business verification summary showing business type, address, CAC details, owner, and PEP status
Verified business details review

SureBanker Agents

Agents support assisted onboarding for customers who need a more guided path into digital banking. The agent workspace separates overview, customer management, and commissions, while making KYC status and recent activity easy to inspect before an agent takes action.

SureBanker Agents performance dashboard
Agent overview and pending registrations
SureBanker Agents customer list
Searchable customer list for assisted onboarding
SureBanker Agents expanded customer record
Customer activity, revenue, KYC status, and query action
SureBanker Agents commission dashboard
Commission earnings, payouts, and transactions
SureBanker Agents notifications
Customer approval and account-status notifications

SureBanker Admin Portal

The Admin Portal functions as the operational backbone of SureBanker.

  • •Super Admin: Full system oversight and configuration
  • •Admin: Operational management and approvals
  • •Customer Support: User assistance and issue resolution

The portal enabled efficient management of user requests, verification processes, and platform monitoring while maintaining security protocols.

SureBanker admin pending approvals
KYC and CAC approval operations
SureBanker admin transaction details
Transaction monitoring and investigation
SureBanker admin customer details
Customer evidence, KYC, linked accounts, and history
SureBanker admin ATM card management
Card issuance, status, and ownership operations
SureBanker admin account creation
Role-aware admin account setup
SureBanker KYC approval queue
KYC review and approval states
SureBanker customer profile and transaction history
Customer evidence and linked accounts

Card System, Controls & Launch States

The official card system brings virtual and physical products into one coherent control surface. Card type, sensitive details, freezing, transaction limits, status, and recent activity stay easy to distinguish while preserving a consistent SureBanker identity across mobile and desktop.

SureBanker virtual and physical card designs
Official virtual and physical card designs
SureBanker virtual card design and benefits
Virtual card design and benefits
SureBanker physical debit card design and benefits
Physical debit card design and benefits
SureBanker secure card details screen
Secure card details reveal
SureBanker freeze card confirmation state
Freeze-card safety state
SureBanker card transaction limit controls
Daily limits and remaining spend
SureBanker desktop card management workspace
Desktop card management and activity

Interface gallery

More from the SureBanker ecosystem

Individual landing-page sections and previously unseen product storytelling from the wider SureBanker ecosystem.

SureBanker landing page product hero
Landing page / product hero
SureBanker landing page feature overview
Landing page / why choose SureBanker
SureBanker landing page connected product suite
Landing page / connected product suite
SureBanker landing page business banking section
Landing page / business banking
SureBanker landing page trust and reliability proof
Landing page / trust and reliability
SureBanker landing page customer perspective
Landing page / customer perspective
SureBanker landing page app download section
Landing page / app download
SureBanker desktop wallet dashboard in a campaign composition
Desktop wallet campaign
SureBanker admin dashboard in a campaign composition
Admin operations campaign
SureBanker SureDeals product concept
Product extension / SureDeals
SureBanker SurePoints rewards concept
Product extension / SurePoints
SureBanker referral reward concept
Product extension / referral rewards
SureBanker App Store composition showing account funding options
App Store / add money
SureBanker App Store composition showing virtual and physical cards
App Store / cards
SureBanker App Store composition showing business banking
App Store / business banking

Navigating Regulatory Challenges

A significant part of the design process involved addressing user security concerns surfaced through customer support. Many users were hesitant to provide NIN or BVN information for verification. We addressed this through:

1. Education: Active agents engaged users directly to explain CBN procedures 2. Transparency: Clear in-app messaging explaining why verification was required and how data was protected

Requests to bypass verification were declined, as CBN regulations were non-negotiable, but handled with empathy and clarity.

Looking Forward

We're currently testing: International transfers, Checkout payment features

In December 2025, SureBanker moved to a new design version led by another team member, so the live site now reflects their work. The screens in this case study show my redesign, which went live in January 2025.

Insights & Lessons

What Worked:

  • •Field testing with actual target users (market vendors, artisans) provided invaluable insights that complemented customer support feedback
  • •Proposing a complete overhaul rather than incremental fixes saved time and resulted in a stronger foundation
  • •Creating an ecosystem-wide framework (used across Finclusion products) ensured consistency and efficiency
  • •Close collaboration with customer support revealed real user pain points that informed critical design decisions

What I Learned:

  • •Regulatory compliance in fintech requires as much design thinking as feature creation—explaining the "why" behind requirements builds trust
  • •Customer support feedback is gold—they hear directly from users and understand friction points that don't always surface in testing
  • •Quick implementations that skip process create technical debt that's costlier to fix later. Advocating for proper structure upfront was crucial

If I Could Do It Again:

I would have pushed for more extensive user research before the initial launch to avoid the need for a complete overhaul. Establishing a regular feedback loop with customer support from day one would have accelerated iteration cycles. Note: SureBanker has continued to evolve since my redesign, with a new design version led by another team member from December 2025.

Like what you see?

Let's work together to create something amazing for your product.

Get in touch