Sahala Finance Banner
Fintech· Mobile App· 2024

Sahala Finance

Revolutionizing instant micro-financing in KSA.

Sahala Finance App - Multiple Screens
The Result

Digitized the entire 20-step manual loan process into a 3-minute mobile journey, ensuring 100% security with Nafath integration.

My RoleLead UI/UX Designer
Timeline8 Months
PlatformiOS & Android
ToolsFigma, Maze, Miro
01

The Challenge

"In a region where instant credit usually means long bank visits, Sahala needed a way to give users 50,000 SAR without a single piece of physical paper."

My Mission

As Lead UI/UX Designer, I had to bridge the gap between complex Saudi financial regulations and a seamless user experience.

User Research & Discovery Phase
User research sessions and competitive analysis during the discovery phase.

Security & Trust

Users needed to feel safe sharing ID and financial data on mobile.

Speed vs Completeness

Collect 40+ data points without overwhelming the user.

Regulatory Compliance

Strict SAMA regulations requiring specific data collection flows.

02

Goals & Metrics

Drop-off Reduction

Break the long eligibility form into logical stages to keep users engaged.

Multi-step Progressive Disclosure

Trust Factor

Use official Nafath/Absher branding to increase user confidence.

National Identity Protocol Integration

Fast Disbursement

Ensure the 'Apply to Money-in-Bank' flow is friction-free.

3-Minute End-to-End Journey
03

The Process

01

Discovery & Research

Interviewed 20+ users to find pain points. Mapped current 20-step manual process.

02

Information Architecture

Simplified 40+ data points into 4 logical clusters.

03

Wireframing & Prototyping

Validated 5-step eligibility flow through low-fi wireframes. Iterated 3 times.

04

Usability Testing

12 participants. Fixed 15 critical issues before development.

05

Visual Design & Handoff

200+ components. Reduced dev queries by 60%.

Wireframing & User Flow Process
Wireframing process — mapping 40+ data points into 4 logical clusters.
04

The Solution

Security First

Integrated national identity protocols for instant, secure onboarding via Nafath.

Security & Nafath Integration Screens
The Eligibility Engine

Reducing cognitive load by breaking complex financial data into digestible steps.

Eligibility Form Step-by-Step Screens
Transparent Servicing

Real-time tracking of active contracts and repayment schedules.

Dashboard & Repayment Tracking
05

Technical Edge

Development-First Design Mindset

Every pixel is technically feasible for HTML5/CSS3 integration, significantly reducing developer handoff time.

  • Component-based design system: 200+ reusable elements
  • 8px grid system for pixel-perfect handoff
  • Auto-layout matching CSS Flexbox/Grid behavior
  • Token-based theming for seamless dark/light modes
  • Reduced dev queries by 60%
Design System & Component Library
The complete design system with 200+ components delivered to the development team.
Enjoyed this case study?

Let's build something great.