Ghaleb Saidi
Loading Project Reel...
Back to Feature Films

MONPLE

Mobile Finance App UI/UX Design

Case Study • Mobile App Design • 2025

Director's Brief

The Challenge

Design a mobile experience that simplifies personal finance management, providing users with an intuitive and accessible tool to track their finances effectively through multiple input methods.

My Role

Product Designer responsible for complete UX research, user persona development, information architecture design, wireframing, prototyping, and high-fidelity interface design.

The Vision

Create a seamless mobile experience that simplifies budgeting and expense tracking, enabling users to manage their finances with ease through voice commands, receipt scanning, and traditional manual input.

View Interactive Prototype
Project Type Mobile App UI/UX Design
Role Product Designer
Deliverables User Personas, Site Map, User Flows, Prototype
Key Features Multi-Input Methods, AI Assistant, Receipt Scanner
Tools
Figma User Research Prototyping UI/UX Design
SCENE 01

Research & Understanding

Research Methodology

Objective: To understand users' financial habits, preferences, and pain points, informing the design and development of the Monple app.

Target Groups

Students, freelancers, and young professionals with diverse financial management needs and technical comfort levels.

Key Questions

  • How often do you track your expenses?
  • What tools do you currently use for finance?
  • What features are most important to you?
  • What frustrates you about current apps?

Interview Highlights

Research Insights
Interview Highlights

The synthesis of these insights informed the design direction, highlighting the need for simplicity, automation, and intuitive visual tools in the Monple app.

User Personas

Based on research, I created user personas to guide design decisions throughout the process:

Persona Gallery
Persona: Daniel
Persona: Abdullah
Persona: Nasser

Empathy Mapping

Created empathy maps to visualize user emotions, needs, and thoughts:

Empathy Map Collection
Empathy Map: Daniel
Empathy Map: Abdullah
Empathy Map: Nasser

Extended Research

Goals & Objectives

Detailed project goals, success metrics, and strategic objectives.

Explore Goals

SWOT Analysis

Strategic analysis of strengths, weaknesses, opportunities, and threats.

View Analysis
SCENE 02

Define & Ideate

Problem Statement

The Challenge

Many individuals struggle with tracking their daily finances effectively, often relying on pen and paper or generic apps that are time-consuming, unclear, and overwhelming. This app will provide a simple, user-friendly solution tailored to their needs, helping users track earnings and expenses seamlessly.

Ideation Process

Mind Mapping

Mind Map

Crazy 8s

Crazy 8s Technique

Sketching

Sketches

User Stories & Scenarios

User Stories & Scenarios

Created user stories and scenarios to anticipate how users would interact with features like manual input, voice assistant, and receipt scanner.

Explore User Stories

Design Process Case Study

A detailed examination of the design thinking process that led to the final solution.

View Case Study
SCENE 03

Information Architecture

Structural Foundation

Information Architecture

Information Architecture

Developed IA using Xminds to map out the app structure and user flow patterns.

Sitemap

Sitemap

Created detailed sitemap using Lucidchart for comprehensive navigation structure.

Wireframe Development

Produced low-fidelity wireframes to outline the user flow and core functionality:

Wireframe Collection
Wireframe 1
Wireframe 2
SCENE 04

Visual Design & Prototyping

Lo-Fi Prototype Evolution

Expanded on wireframes by integrating colors and icons, providing preliminary aesthetic direction:

Lo-Fi Development
Lo-Fi Prototype 1
Lo-Fi Prototype 2

High-Fidelity Mockups

Transitioned to high-fidelity prototypes with detailed design specifications and interaction elements:

Hi-Fi Production
Hi-Fi Mockup 1
Hi-Fi Mockup 2

Interactive Prototype

View Interactive Prototype
SCENE 05

Testing & Results

Testing Objectives

Primary Goals

The main goal was to collect initial user impressions and identify any areas for immediate improvement or clarification in the user experience, particularly focusing on the multi-input functionality and overall usability.

Project Impact & Learnings

Successful Problem Solving

The Monple app successfully addresses core user needs, providing a user-friendly solution for managing personal finances through multiple input methods.

Design Innovation

Demonstrated the power of user-centric design and validated how small adjustments can lead to significant enhancements in user experience.

Technical Integration

Successfully integrated innovative features like AI assistants and receipt scanning while maintaining simplicity and usability.

Designer's Reflection

Key Insights

Working on the Monple project has been both challenging and enlightening. Navigating through user research, design iterations, and feedback was an invaluable learning experience. The journey reaffirmed the necessity of flexibility and adaptability in UX design, especially when integrating innovative features like AI assistants.

This portfolio project showcases not only my design skills and user-centered approach but also demonstrates my ability to create practical solutions to real-world problems through comprehensive research and iterative design processes.

More From This Director

Other projects in the portfolio

Chronos Élégance
View Project

Chronos Élégance

Interactive 3D Experience

Luxury watch digital experience with Three.js integration

PM Accelerator
View Project

PM Accelerator

Mobile Weather App Design

Multi-location tracking for business travelers and planners

Patra Technologies
View Project

Patra Technologies

E-book Layout Design

Typography hierarchy and reading experience optimization