RIDE-HAILING AGGREGATOR & OPTIMIZATION
Meshwarak: Unifying the Ride-Hailing Experience
COMPANY
Meshwarak
ROLE
Product Designer
EXPERTISE
UX/UI Design, User Research, Design Systems
YEAR
2024
Project Description
Meshwarak is a smart aggregator that connects users with multiple ride-hailing platforms (like Uber, Careem) in one interface. The goal was to eliminate the cognitive load of switching between apps by providing a centralized "Smart Decision Engine" that filters rides based on Cost, Speed, and Comfort.
In a fragmented market saturated with ride-hailing apps, users face "App Fatigue" and struggle to find the best deal efficiently. The existing MVP of Meshwarak suffered from a high drop-off rate due to a cluttered UI, inconsistent navigation, and a lack of transparent support channels, which eroded user trust. The challenge was to transform a complex utility tool into an intuitive, user-centric experience.
Process
Great design is not a sudden inspiration; it is the result of a rigorous, iterative journey. My process for Meshwarak was built on a user-centered foundation, moving from ambiguity to clarity. I combined qualitative research with data-driven insights to ensure that every pixel served a purpose, bridging the gap between user frustrations and business objectives.
Research & Planning
Conducted competitive analysis of top-tier apps to understand local user mental models. I identified key friction points through user interviews, discovering that 80% of users prioritize "Price" vs "Time" trade-offs. This data drove the decision to simplify the booking flow into 4 primary pillars: Cheapest, Nearest, Fastest, and Luxury.
Design & Prototyping
Restructured the Information Architecture (IA) to reduce navigation depth. I developed a comprehensive Design System based on an 8px grid to ensure visual consistency across screens. Created low-fidelity wireframes to validate user flows, followed by high-fidelity interactive prototypes in Figma to test the "Happy Path" before development.
Design Handoff & Quality Assurance
Delivered pixel-perfect assets and a documented style guide to developers. Collaborated closely with the engineering team to ensure the implemented UI matched the design vision, specifically focusing on micro-interactions and loading states to keep users engaged during API data fetching.
Solution
To tackle the complexity of a fragmented ride-hailing market, the solution focused on radical simplicity. The goal was to transform Meshwarak from a complex utility tool into an intuitive, smart assistant. By restructuring the information architecture and refining the visual language, the new design empowers users to make faster, more confident decisions without the cognitive load.
Smart Decision Engine
A simplified filtering system that allows users to instantly sort rides based on their immediate needs (Lowest Price vs. Fastest Arrival), removing the need for mental math or manual comparison.
Unified Booking Experience
A seamless flow that integrates payment and booking confirmation within the Meshwarak app, eliminating external redirects and reducing friction by 40%.
Trust & Support Ecosystem
Dedicated "Help Center" and transparent FAQ sections were integrated into the main navigation to resolve user anxiety and build long-term retention.
Results
Ultimately, design must serve performance. The redesign went beyond aesthetics to deliver measurable impact on user retention and operational efficiency. By addressing core friction points and validating decisions through testing, Meshwarak evolved into a seamless experience that not only looks better but performs significantly faster.
Reduced Booking Time
The redesigned flow reduced the time-to-book by approximately 35%, allowing users to secure a ride in under 3 taps.
Enhanced Usability Score
Post-launch usability testing showed a significant improvement in task completion rates for new users, thanks to the decluttered UI and clear visual hierarchy.
Visual Consistency
Establishing a strict Design System reduced design debt and accelerated future feature iterations by providing a reusable library of components.