B2B Web App
.png)
Project Overview
Designing a Unified Booking Experience Across Multiple Suppliers
My Contribution
Role
UI/UX Product Designer for the E-Commerce B2B Platform
Project Description
SkipQ operates as a B2B travel retail marketplace, aggregating products from 15–20 suppliers across multiple verticals, including eSIMs, parking, lounges, fast track, meet & greet, transfers, and attractions.
- Search requirements
- Product structures
- Booking flows
- Checkout rules
- API limitations
The main challenge was creating a seamless and unified booking experience for the end user while accommodating supplier-specific requirements and standardizing booking data across the platform.
Project Type
End to End product Design for B2B Platform
Tools
Figma, Adobe Illustrator, Photoshop, Miro
Skip Q
Skip Q aims to transform the airport experience into a seamless journey of comfort and convenience. Users can purchase lounge access, personalized meet-and-greet assistance, reliable airport transfers, cutting-edge eSIM services, and more — all before their journey begins. Skip Q redefines convenience for modern travelers by simplifying access to essential airport services within a single platform.
Skip Q’s mission is to become the leading global app for travelers, retailers, airports, and service providers. The platform serves as an all-in-one facilitator, creating a seamless virtual marketplace that connects and delivers value to each key stakeholder.
My Process
.png)
Supplier Experience Audit
I started by auditing all supplier integrations to identify:
- Shared booking behaviors
- Flow inconsistencies
- Required booking data
- Supplier-specific edge cases
Key Insight
Although suppliers differed technically, most booking flows followed similar high-level patterns:
- Search
- Product selection
- Passenger details
- Checkout
- Confirmation
This became the foundation for a unified framework.
Booking Flow Standardization
To reduce friction, I designed a consistent booking structure across all verticals.
Standardized Flow
- Search
- Search Results
- Product listing
- Product details
- Passenger information
- Checkout
- Confirmation
This created familiarity and predictability for users regardless of:
- Product type
- Supplier
- Country
Flexible Component System
Because suppliers required different booking inputs, a rigid UI would not scale.
I designed a modular component system capable of:
- Dynamically rendering fields
- Supporting optional content
- Expanding based on supplier requirements
- Handling different booking scenarios
Reusable Components:
- Search modules
- Product cards
- Step indicators
- Dynamic forms
- Checkout summaries
- Status messages
- Error states
This improved both scalability and development efficiency.
Reducing Cognitive Load
The platform contained complex booking logic, but users should never feel that complexity
To simplify interactions, I introduced:
- Progressive disclosure
- Step-by-step booking flows
- Contextual validation
- Clear hierarchy
- Persistent booking summaries
This helped users:
- Stay oriented
- Understand progress
- Complete bookings faster
Problem and Gole
The Challenge
The platform relied on multiple third-party integrations, each designed independently with different booking structures, terminology, validation rules, and checkout requirements. These inconsistencies created fragmented user experiences and increased friction throughout the booking journey.
This resulted in:
- Inconsistent user journeys across suppliers
- Unpredictable booking and checkout flows
- Complex form structures and validation patterns
- Increased cognitive load for users
- Reduced scalability and development efficiency
Project Goal
The objective was to create a unified and scalable booking experience that simplified complex workflows while maintaining flexibility across different suppliers and booking scenarios. The solution aimed to improve usability, reduce friction, and establish a more predictable and intuitive interaction model for users.
User Flow & Information Architecture
This architecture was designed to standardize the booking experience across multiple third-party integrations by creating a consistent, scalable, and user-centered flow. The structure defines core booking stages, shared interaction patterns, and reusable components to reduce cognitive load, improve usability, and support flexible supplier requirements.
.png)
Styles
.png)
.png)
.png)
Search and Product
The experience was designed around a progressive disclosure model: users first select an airport to view available services, and the interface then dynamically reveals service-specific booking requirements based on the selected product. Product cards across all services follow a consistent visual structure, highlighting key service features. The product pages maintain the same design system and information hierarchy to provide users with a unified browsing experience.
.png)
.png)
.png)
.png){kind=spacer}
.png)
.png)
Booking Details
Passenger count is collected during the search flow. Based on the selected passenger configuration, the system dynamically displays the appropriate passenger information form for individual travelers, groups, or passengers with children. For multiple services on cart the user completes passenger information for each service grouped by airport. The user can save passenger information and apply it across services in the cart to avoid filling out the same passenger form multiple times.
.png)
.png)
.png)
.png)
Payment and Confirmation
Post Booking Support System
In addition to the customer booking experience, I designed the post-booking support and internal operations platform used to manage bookings, suppliers, customer communication, pricing, and operational workflows across the SkipQ ecosystem.
.png)
Order Management
The Order Management was designed to provide customers with a centralized and scalable system for managing bookings throughout the entire post-purchase journey. The platform supported complex multi-service orders across different suppliers while maintaining a clear and consistent user experience.
For customers, the experience focused on transparency and accessibility by providing
- Order history
- Booking details
- Payment status
- Service Summaries
- Post-booking actions
The goal was to help users easily track, review, and manage their purchases across multiple travel services and booking scenarios.
.png)
Wallet & Billing
The Wallet & Billing was designed to simplify payment management for customers within the SkipQ ecosystem.
The platform enabled users to securely
- Manage payment methods
- Add and store credit cards
- Top up their SkipQ wallet
For customers, the experience focused on transparency, flexibility, and ease of use by providing
- Clear payment flows
- Wallet balance visibility
- Transaction history
- Simplified checkout interactions
The goal was to reduce friction during payment processes while supporting seamless cross-service purchases.
Final Outcome
Skip Q was designed from the ground up to create a scalable and user-centered booking platform capable of supporting multiple third-party supplier integrations within a unified experience. The final solution introduced a flexible design system, standardized booking architecture, and reusable UI components that ensured consistency across all booking flows and platforms.
By simplifying complex booking logic and reducing friction throughout the user journey, the platform improved usability, increased predictability, and minimized cognitive load for users. The modular framework also enabled faster product scalability and more efficient collaboration between design and development teams, establishing a strong foundation for future integrations and feature expansion across web and mobile experiences.
.png)
Related Works
Explore a selection of my featured works that showcase creativity and attention to detail turning ideas into impactful experiences.
Explore a selection of my featured works that showcase creativity and attention to detail turning ideas into impactful experiences.
