Business Challenge
Traditional B2B procurement is slow and fragmented. Businesses often rely on manual supplier communication, disconnected quotation processes, and inefficient product discovery, leading to delayed purchasing decisions.
Indeal
B2B E-Commerce Platform
PROJECT OVERVIEW
Building a B2B Procurement Marketplace for Saudi Businesses
A marketplace that simplifies wholesale purchasing by connecting verified buyers and suppliers through a structured procurement workflow.
Design Objective
Design an intuitive procurement marketplace that enables businesses to discover suppliers, compare quotations, and manage purchasing workflows through a seamless digital experience.
Target Users
- Procurement Managers
- Business Owners
- Purchasing Teams
- Verified Suppliers
Product Outcome
- Simplified Procurement Journey
- Faster Supplier Discovery
- Improved Quotation Management
- Scalable Marketplace Experience
Understanding the Problem
Before designing the marketplace experience, I analyzed the procurement journey to identify the biggest challenges businesses face while sourcing products, managing suppliers, and handling quotations.
Fragmented Supplier Discovery
Businesses often spend significant time searching across multiple vendors, websites, and contacts to find the right products and trusted suppliers.
Impact
- Time-consuming supplier search
- Inconsistent product information
- Lower purchasing efficiency
Manual Quotation Process
Requesting quotations through calls, emails, or messaging platforms creates delays and makes comparing supplier offers difficult.
Impact
- Slow procurement cycle
- Difficult quotation comparison
- Increased communication overhead
Limited Procurement Visibility
Without a centralized platform, tracking supplier responses, order progress, and purchasing history becomes challenging.
Impact
- Poor order transparency
- Missed procurement updates
- Reduced decision confidence
Design Opportunity
How might we simplify B2B procurement by connecting buyers and suppliers through a seamless, transparent, and efficient digital marketplace?
User Research
To understand the needs of key stakeholders, I identified the primary users involved in the B2B procurement process and documented their goals, challenges, and purchasing requirements.
Business Owner
Focused on growing the business by sourcing quality products at competitive prices while maintaining operational efficiency.
Needs
- Quick product discovery
- Competitive supplier pricing
- Real-time order tracking
Procurement Manager
Responsible for managing supplier relationships, comparing quotations, and ensuring timely procurement for business operations.
Needs
- Advanced search & filtering
- RFQ (Request for Quotation) management
- Supplier comparison & evaluation
Supplier
Aims to showcase products, receive qualified business inquiries, and manage orders efficiently through a centralized marketplace.
Needs
- Easy product catalog management
- Receive & respond to RFQs
- Order and inquiry management
USER JOURNEY
Procurement Journey
Follow the complete procurement journey from discovering products to placing an order with a verified supplier.
Explore Products
Browse Categories
Find Suppliers
Search & Filter
View Product
Compare Options
Request Quote
Send RFQ
Review Offers
Compare Quotations
Place Order
Order Confirmed
Information Architecture
The marketplace is organized into clear, role-based modules that simplify product discovery, supplier management, procurement workflows, and order tracking.
Home
Discover products, suppliers, and featured categories.
- Featured Products
- Product Categories
- Search & Filters
- Recommended Suppliers
Products
Browse and compare products from verified suppliers.
- Product Listing
- Product Details
- Categories
- Wishlist
- Product Comparison
Procurement
Manage quotations, orders, and purchasing activities.
- Request Quote (RFQ)
- Quotations
- Orders
- Order Tracking
- Purchase History
Low-Fidelity Wireframes
Before designing the final interface, I created low-fidelity wireframes to validate navigation, information hierarchy, and procurement workflows. These wireframes helped refine user interactions before moving into visual design.
Marketplace Home
Discover products, suppliers, and featured categories through a search-first marketplace experience.
Company Dashboard
A centralized workspace for managing company information, procurement activities, and business communication.
Transaction Management
Monitor transactions, track payments, and review financial records through an organized transaction dashboard.
Company Profile
Manage company details, banking information, business activities, and organizational settings from a single location.
Final User Interface
The final interfaces were designed to simplify accounting workflows while maintaining scalability and consistency across the platform.
Marketplace Home
Purpose
Enable businesses to quickly discover products, trusted suppliers, and marketplace offerings through a search-first experience.
Key UX Decisions
- Prominent global search with category selection
- Featured procurement shortcuts for faster discovery
- Product sections grouped by business priorities
- Clean layout to encourage product exploration
Transaction Management
Purpose
Provide businesses with a centralized view of transaction history, payment records, and financial activities while enabling quick search and filtering for improved transaction tracking.
Key UX Decisions
- Advanced filters for faster transaction search
- Structured data table for easy financial review
- Quick actions for downloading and exporting records
- Persistent summary widgets for important business updates
Company Dashboard
Purpose
Provide businesses with a centralized workspace to manage company information, communicate with buyers, publish updates, and monitor procurement activities from a single dashboard.
Key UX Decisions
- Unified company profile with quick access to business details
- Social-style post creation to improve business engagement
- Integrated message center for RFQs, orders, and inquiries
- Persistent navigation across company operations and procurement workflows
Company Information
Purpose
Enable businesses to manage company details, business activities, banking information, and organizational settings from a centralized company profile.
Key UX Decisions
- Organized information into expandable sections for better readability
- Structured forms to simplify company profile management
- Dedicated business and banking information modules
- Persistent side panel for quick access to messages and business insights
IMPLEMENTATION
Built for Scalability
After validating the user experience through wireframes and high-fidelity designs, the interfaces were developed into a scalable Angular application using reusable UI components, responsive layouts, and multilingual support.
HTML5
Semantic and accessible markup for building responsive, SEO-friendly, and well-structured web applications.
CSS3
Developed a modular styling architecture using reusable CSS classes, flexible layouts, and consistent design patterns for maintainable frontend development.
Angular
Component-based architecture for building scalable enterprise applications.
Responsive Design
Reusable Components
English & Arabic Localization
Component Based UI
Modular Architecture
Enterprise Marketplace UI
Project Impact
Key outcomes achieved through thoughtful UX decisions, reusable frontend architecture, and a scalable marketplace experience.
Simplified Procurement Journey
Designed intuitive procurement workflows that made product discovery, quotation requests, and order management easier for business users.
Reusable Component System
Built reusable Angular components and consistent UI patterns to improve development efficiency and maintain design consistency across the platform.
Enterprise Marketplace Experience
Created a scalable B2B marketplace interface with multilingual support, responsive layouts, and role-based workflows tailored for buyers and suppliers.
REFLECTION
What I Learned
Designing Indeal reinforced the importance of balancing complex business workflows with intuitive user experiences. Working on a B2B marketplace highlighted how thoughtful information architecture and user-centered design can simplify enterprise procurement.
Marketplace users prioritize speed over visual complexity
Business users want to find products, suppliers, and quotations quickly, making efficient navigation more valuable than decorative interfaces.
Search and filtering define the shopping experience
Powerful search, category organization, and filtering significantly improve product discovery and reduce the time needed to find the right supplier.
Consistency builds trust in enterprise products
Using reusable UI patterns and consistent interactions helps users navigate complex procurement workflows with greater confidence.
Business goals should guide every design decision
Every interface should support real procurement tasks, reduce friction, and create a seamless experience for both buyers and suppliers.
Final Screens
