FCMB UI/UX Proposal

FCMB Microfinance Banking App – UI/UX Design Demo (Figma Prototype)

Client: First City Monument Bank (FCMB)
Designer: Hemjey Tech Innovations
Tools Used: Figma, Adobe After Effects (for prototype animation), FigJam (for user flow)
Duration: 2 minutes 40 seconds

Project Overview

This project showcases the UI/UX design and interactive prototype for the FCMB Microfinance Banking App, a digital solution aimed at providing accessible, seamless, and user-friendly financial services to Nigeria’s micro and small-scale entrepreneurs. The design was developed to enhance financial inclusion through a clean interface and intuitive navigation system.

Design Goals

The main goal of this project was to design a mobile-first banking experience that simplifies transactions, empowers users with financial insights, and reinforces the FCMB brand identity. The app concept focuses on:

Simplicity: Reducing the cognitive load for users with clear layouts and smooth flows.
Trust: Using familiar design language and secure design patterns.
Accessibility: Ensuring legibility, color contrast, and touch-friendly controls.
Brand Consistency: Infusing FCMB’s signature purple and gold tones throughout the design.

Key Features Highlighted in the Demo

🎯 Onboarding & Authentication – A smooth, guided onboarding experience with secure OTP verification and quick login options.
📊 Dashboard Overview – A clean interface displaying account balances, recent transactions, and actionable quick buttons (e.g., “Transfer,” “Top-up,” “Loan Request”).
💸 Microloan Access – A dedicated section for loan eligibility checks and instant loan requests tailored for small business owners.
🔁 Transaction Flow – Simplified transfer and payment processes designed with minimal steps and clear feedback states.
🔔 Notifications & Activity Feed – Real-time alerts and activity tracking for improved transparency and user awareness.
👤 Profile & Settings – Personalized profile management, with editable user data, security settings, and preference controls.

UX Process & Methodology

User Research: Identified the challenges faced by microfinance customers—such as limited tech literacy and network issues.
Wireframing & Prototyping: Created in Figma, the design evolved from low-fidelity sketches to high-fidelity clickable prototypes.
Interaction Design: Added subtle micro-interactions and animated transitions for an engaging experience.
Usability Testing: Conducted internal reviews to optimize visual hierarchy, readability, and flow efficiency.

Design Outcome

The final prototype demonstrates a modern, reliable, and inclusive mobile banking experience. The combination of minimalist design, bold typography, and FCMB’s brand palette conveys professionalism and trustworthiness. The app concept aligns with the bank’s vision of empowering small businesses through digital innovation.

Result & Impact

Created a scalable UI system for future FCMB microfinance services.
Improved user task completion rate during prototype testing by simplifying navigation.
Strengthened brand trust through visual consistency and intuitive UX.

Video Summary

The demo video visually walks through each screen and interaction in the Figma prototype, showing real-time user journeys—from onboarding to performing key transactions. The smooth motion transitions and responsive layouts highlight Hemjey Tech Innovations’ commitment to functional aesthetics and real-world usability.