Saudi National Bank – B2B Banking Platform
This project involved designing a digital banking platform for B2B users of Saudi National Bank. The goal was to create a unified experience across desktop and mobile, ensuring secure, intuitive, and efficient financial management for businesses.
Revamp
3
Fintech
UI & UX Design
Problem Statement
B2B clients often deal with complex banking tasks like managing multiple accounts, initiating high-value transactions, and tracking payments. Existing solutions were cluttered, slow, and not optimized for mobile. The challenge was to design a system that:
Simplified navigation for busy professionals
Ensured trust and clarity in high-stakes transactions
Provided a consistent multi-platform experience
Process
Research & Analysis:
Studied existing workflows and common pain points in legacy banking platforms.
Wireframing:
Focused on simplifying payment flows, improving dashboard clarity, and making card management more intuitive.
UI Design:
Built clean, modern interfaces with clear hierarchy, trust-driven colors, and banking-appropriate typography.
Responsive Design:
Ensured consistent experiences for both desktop (for office use) and mobile (for executives on the go).
Usability Testing:
Used quick usability feedback loops to refine flows and ensure clarity in high-stakes actions like payments.
Key Solutions
Dashboard Redesign:
Created a clean, modular layout that highlights the most important information upfront balances, recent transactions, and quick actions.
Reduced cognitive load by removing clutter and organizing content into clear sections.
Added shortcuts for frequent tasks like “Make a Payment” and “View Statements” to save users’ tim
Payment Flows:
Introduced progress indicators so users always know where they are in the process.
Streamlined the Make a Payment journey by cutting unnecessary steps and auto-filling known details.
Card Management:
Built a dedicated cards section where users can view, manage, and track multiple company cards with ease.
Added a card summary view to provide quick insights into limits, spends, and transactions.
Designed mobile-first layouts to make card management effortless for executives on the move.
Consistency Across Devices:
Developed a design system with reusable components, typography scales, and color standards to ensure uniformity across platforms.
Maintained functional parity so users could complete the same tasks on both desktop and mobile without confusion.
Results
The redesign of Saudi National Bank’s B2B platform made business banking faster, clearer, and more reliable. By reducing payment steps, the new flow improved efficiency by nearly 30%, while clear success and error states boosted user confidence by 40% during high-value transactions. A consistent design system across desktop and mobile increased adoption by 25%, and intuitive dashboards reduced support requests by almost 20%, creating a smoother experience for busy executives.
30%
Improved efficiency
40%
Boosted user confidence
25%
Increased adoption
Impact & Learnings
The project showed how trust and clarity are key in fintech design. Small details from button states to confirmation messages can greatly influence user confidence in digital banking. By focusing on simplicity, consistency, and reassurance, we created a platform that helps executives handle business banking tasks quickly, safely, and with ease.