Sr. UI/UX Designer at Intelligent MachinesDhaka, Bangladesh
Hi, I'm MasudulProduct Designer Haque.
I turn messy business problems into simple flows across fintech, logistics and AI. Six years of product design, most recently scaling Truck Lagbe for 40K+ daily users. Now a Senior UI/UX Designer at Intelligent Machines, designing for bKash.
I hired him for Truck Lagbe after seeing his design & leadership skills. … After assigning a task to him, I was rarely involved because I was confident he would deliver more than I expected.
Shoaib MahmudUX Lead @ FreightmateManaged me directly · 2022
He is a highly diligent and detail-oriented person, with a quiet yet focused approach. Masud’s work consistently demonstrated exceptional thoroughness and keen observational skills, making him a valuable asset to our team.
Fahrina AmeenHead of Product & Delivery at VivasoftManaged me directly · 2024
He went from just designing screens to actually thinking like a product owner and asking the right questions, caring about users, and taking real ownership of what he builds.
Minhazur RahmanCTO · Solution ArchitectSenior to me · 2026
I’ve always called Masud bhai our “Superman Designer” and there’s a good reason for that. … his ability to take a complicated product problem, understand the user and business needs, and turn it into a design that feels simple and practical.
Yeasin AhammedProduct Manager at Truck LagbeSame team · 2026
… he consistently impressed me with his design skills and dedication to creating intuitive user experiences. Not only incredibly skilled, but also he is humble, cooperative, and always willing to offer support to the team and individuals.
Enamul Haque ShamimSoftware EngineerDifferent team · 2024
I saw how great he is at solving problems and making detailed designs. … Masud Bhaiya is a great individual for any team.
Onez ChowdhuryProduct ManagerSame team · 2024
His meticulous attention to detail and innovative thought process have significantly contributed to the success of numerous projects.
Masudul Haque leads by example and many people at Truck Lagbe find his enthusiasm and dedication both inspiring and motivating.
Nusrat Haque SuptiProduct ManagerSenior to me · 2023
He is undoubtedly a remarkable UI/UX Designer. He designs with great creativity and passion. I found him 110% cooperative with his fellows during work.
Umair BashirSenior Software EngineerSame team · 2022
… he demonstrated great dedication by helping me understanding business logic with UI at my position as a back-end developer.
Samir AhmaneSenior Backend & DevOps EngineerDifferent team · 2022
Masudul is a gem. He is a super talented Ui/Ux Designer, and an innovative problem solver. … Any company would be lucky to have him.
AL ShahriarSoftware EngineerSame team · 2022
01 / 11
Experience
Leading design from research to handoff, side by side with product, tech, growth and leadership.
Almost every new designer makes the same mistake. They look at a screen, see an empty area, and feel like they're wasting it. So they add something: another button, another icon, another banner. Just to fill the gap.
As a Senior Product Designer at Truck Lagbe, I’ve had the pleasure of working with amazing product managers. Together, we’ve built products that solve real problems, and none of it would have been possible without close collaboration with our product managers.
Designing a White Label Competitor for Ride Sharing Platforms
A white-label SaaS rider app for local taxi companies in Malaysia, the UAE and the Gulf. Research with 19 riders and drivers, 23 design problems solved, and around $35,000 in sales that led to three more projects.
Client
Techtsy
Year
2021
Services
Strategy, Web App Design, Website Design
Role
UX Researcher, Product Designer
~$35Kin sales, leading to 3 more projects
19riders and drivers interviewed
23design problems solved
Overview
Uber coming into the market has made more people want to use apps for getting cabs whenever they need. Because lots of people like using one app on their phones for this. This app I made takes advantage of all the local taxi companies that people still use. I looked at what other similar apps are doing and put in important things to make users happy. The way the app looks and works is also really modern, which helps the business stay in front of other competing companies.
The Problem Statement — Why did I build this?
My manager from the company (techtsy.com) approached me with a requirement to create a White Label Saas Software solution for a car ride-sharing platform. The target markets include Malaysia, the UAE, and several Gulf countries, where well-known ride-sharing services like Uber, Grab, and others have already established successful businesses.
At the time, COVID-19 was a significant concern for everyone. As a result, I needed to incorporate safety features to ensure both riders and drivers remain protected. Additionally, a few special features were to be implemented alongside the main ride-booking system.
Some highlight requirements:
Riders should be able to select special needs preferences, such as child seat accessibility, handicap accessibility, wheelchair accessibility, and more.
Riders and drivers can add money to their accounts or transfer money from their e-wallets to other users' accounts.
Users can pause the ride at any time, with mutual agreement from both the rider and the driver.
Riders can book a cab without having their own account (we named this feature "Hail Taxi"), or a rider can book for others.
And many more features that help the business stay ahead of the competition. I will discuss these in the design section.
My Role and Process
UX Researcher – I have taken on the role of a UX Researcher, focusing on competitive analysis, conducting user interviews, and creating journey maps for an enhanced user experience.
Product Designer – In addition to my research responsibilities, I also serve as the Product Designer, working on sketching, interaction design and maintaining effective communication with the developers during the design and development process.
My task, therefore, is to design two apps (Rider and Driver) for ride-sharing that are powered by real-time data and availability.
The project had a total duration of 8 weeks for both Rider and Driver app, which was divided as follows:
Platform
The design aims to enhance the user experience on both major mobile platforms:
Android
iOS
User Research: Understanding the Target Users
Before diving into the design process, it is crucial to understand the ride-sharing industry and the target users. Several sessions are held with stakeholders, product managers, and project managers to gather information about their goals, the user demographics, target markets, and relevant business logic.
The platform consists of two separate apps for two distinct user groups:
Riders: These users include urban commuters, intercity commuters, and rural commuters who require transportation services.
Drivers: Individuals who provide rides to riders using their personal vehicles.
So I need to understand the user contexts, needs, and frustrations from the both user’s perspective. And must need to know the business.
To create a better user experience, it is necessary to comprehend the context, needs, and frustrations of both user groups. Additionally, understanding the business side of the ride-sharing platform is vital for ensuring the design meets both user and company requirements.
The user research phase involved the following steps:
1. Stakeholder Interviews
Conducting interviews with stakeholders to learn about their goals, objectives, and expectations for the project.
2. User Interviews
Goals
The primary goal of the user interviews was to engage in conversations with both riders and drivers to gain insights into their needs, frustrations, and preferences.
A total of 19 user interviews were conducted, including 13 riders and 6 potential drivers. Instead of using predetermined question sets, the users were encouraged to share their experiences and discuss their pain points. The aim was to understand their everyday transportation challenges and preferences, as well as their expectations and concerns.
Interview Method
1-on-1 Conversations: The interviews are conducted as casual, one-on-one conversations in various target markets, including Malaysia, the United Arab Emirates, Pakistan, and Bangladesh. The interviewees are encouraged to speak openly about their experiences, with the assistance of my international co-workers.
Feedback from users was measured based on the number of users who mentioned specific issues or concerns.
Findings from Rider Interviews
(7/13) Private cabs are comfortable but expensive.
(9/13) Public transport is not comfortable in the city, and there is no guarantee of getting a seat.
(2/13) Ride services don't offer options for people with special needs, such as child seats, people with disabilities, or wheelchair users.
(3/13) There is a lack of facilities for in-app fund transfers (P2P E-wallet Transfers).
(11/13) Concerns about COVID-19 safety.
Findings from Driver Interviews
(5/6) Drivers don't feel at ease using the app.
(2/6) Riders don’t want to provide additional charges (e.g., toll charges).
(4/6) Riders often bargain about the service fee.
By conducting user interviews and analyzing the feedback, Igain valuable insights into the pain points and preferences of riders and drivers. This information serves as the foundation for developing design solutions that address these concerns and improve the overall user experience.
3. Market Research
Analysing the target markets and ride-sharing industry trends to identify opportunities for differentiation and improvement.
Secondary research — Competitive analysis
I always research the business's competitors before getting started on a design problem. It helps in my ability to identify a market niche and to compare the weaknesses and strengths of my competition. I may also use their areas of strength and weakness to strengthen my. We don't need to recreate the wheel, in my opinion. which issues have already been better resolved. If there is no issue, we must adhere to them.
In this project, the competitive analysis focused on evaluating how other popular ride-sharing services addressed the issues identified during user interviews. The competitors analysed included:
Pathao (5M+ downloads, 87.9k+ reviews)
Grab (100M+ downloads, 9.95M+ reviews)
Careem (10M+ downloads, 1.25M+ reviews)
Uber (500M+ downloads, 10.6M+ reviews)
The analysis aimed to identify successful solutions already implemented by competitors and areas where they fell short. This information helped to inform the design decisions for the Rider and Driver app redesign, ensuring a more competitive and user-cantered product.
Insights and Opportunities
Based on thorough market and user research, I've gained valuable insights that enable me to implement meaningful improvements. By adhering to an inclusive design process, I can address real-life challenges faced by users.
Embracing Local Transport Agencies: I've realized the importance of seamlessly incorporating local transport agencies into our platform, ensuring a smooth business integration.
Catering to Diverse Needs: My design philosophy extends to accommodating various budget types and special user needs. Design that caters to everyone.
Adapting to User Behaviour: Rather than attempting to alter user behaviour through the app, My focus was on adapting the app to align with user behaviour.
Design — What was my solution?
Before jumping into design, I discussed the Google Map API-related query with the development team to see how far we could go with the map. We also deeply discussed how we could calculate the fare based on various criteria. For example,
Methods to compute road tolls and additional fees depending on the chosen route.
Establishing guidelines for shared services, where multiple passengers can use one vehicle, hire taxis, and so on
These allowed me to design the solution while considering these approaches.
Basic user journey
Problems I have solved in my design →
Problem #1: How do colours play a role in the design of the platform?
The first problem I want to share is that our stakeholders didn't have any preference colour for this app. So I have to select one which will be the best fit for this application.
Design Solution:
I had a plan to use more vibrant colours, so people could easily remember and identify our brand by its colour. Initially, I took five colours: Pluto, Goldenrod, Black, Deepsea Kraken Blue, and Poetic Green. I discussed with the marketing team about these 5 colours. By considering the printing campaign material and other web material, we can come up with the final list of 2 colours: Deepsea Kraken Blue and Black Colour. But I want to avoid direct contradiction with our competitors, so I decided to drop the black and choose the Deepsea Kraken Blue as our main colour for PoolCabs.
Problem #2: How were the icons for Cab Services created?
An essential aspect of a Ride-sharing application’s user interface is the use of cab icons to represent various vehicle categories. These visual elements enable users to easily identify the type of cab services available, streamlining the decision-making process and enhancing overall user experience.
Design Solution:
As a designer, I recognize the significance of acquiring high-quality car icons that accurately represent the diverse range of services offered. To achieve this, I source these icons from a reliable third-party service provider, ensuring that they meet the necessary design standards. Upon obtaining these icons, I carefully modify and tailor them to align with the specific requirements of the ride-sharing app.
Problem #3: How I find the onboarding illustrations?
During the design phase of onboarding users to the PoolCabs app, my main concern was to keep them engaged throughout the journey. To support our plans for launching the app in multiple countries, it was essential to incorporate features that allowed users to select from a variety of languages and currencies.
Design Solution:
As a design solution for this journey, I extensively used eye-catching illustrations to enhance the overall experience. I collected various illustrations and customized them to align with the branding using Adobe Illustrator.
Additionally, I added the option for users to select their preferred language and currency during this journey. By default, the app will automatically select the currency and language based on the user's region. However, users have the flexibility to update and change these settings if desired.
Problem #4: How can a user log in or sign up?
I had received a requirement to allow users to create accounts or log in using both their mobile number and email address. In addition, the developer team had specified that certain necessary device permissions would be required.
Along with that, I proposed a login process that utilized OTP (One-Time Password) as a convenient and secure way to authenticate users. However, considering the target audience of a start-up company, implementing an OTP login system was an expensive solution. Therefore, alternative solutions need to be considered.
1. Signup
Design Solution:
For signing up, users are required to provide the necessary information, and they must verify the signup process through a verification code in their preferred login method.
In the final step, users will need to grant specific device permissions to ensure they can fully access the app's features and functionalities.
Additionally, users have the option to sign up using their social media accounts such as Facebook and Google.
1.Login
Design Solution:
Users can log in using either an email or a phone number.
Along with that, as a login credential, I had considered using OTP for user-friendliness. However, there is a cost associated with OTP. Since we are building this start-up company, we initially opted for a cost-effective solution by relying on passwords. But now if desired, users can update their password with OTP verification later on if they forget.
As part of my future plans, I intend to fully implement the OTP login process as the primary method.
Problem #5: Making a Homepage for all
We required a home screen design for our PoolCabs app that would cater to everyone's needs. Our app already incorporates support for multiple languages and currencies. However, we wanted the cars available for hire through our app to be accessible to a diverse range of users, including those with special requirements such as disabilities or children.
Design Solution:
During the design of the home page, inclusive design principles have been followed-
For this purpose, different types of user needs have been considered, and preference vehicle settings have been incorporated.
Real-time car availability in the surrounding area has been displayed to ensure that the user does not feel lost.
An option to save at least two frequently used locations has been provided so that the user can quickly complete car bookings.
The user can see their current pickup location from the top section of the homepage. If desired, they can set a different location as their pickup location.
The side quick access menu includes all the necessary options to greatly enhance the user's experience. It helps in providing a much better user experience.
Problem #6: How a user search for and confirm the pickup and drop-off locations?
Ensuring a smooth destination setup is a crucial feature of a ride-sharing app. For returning users, the emphasis lies in enabling them to quickly set their location in order to save time and effort.
Design Solution:
I designed a solution to address the location setup issue, incorporating the following features:
Set on Map: Users can effortlessly set their destination location by searching or dragging the location on the map retrieved from Google Maps.
Saved Addresses: Users have the option to save frequently used locations such as home or office, labelled with tags, for quick access.
Enter Destination Later: Users can choose to set the location for their journey at a later time, within the context of the journey type. This feature proves beneficial when needing to adjust the destination due to traffic jams or other unforeseen circumstances.
Recent Locations: A list of recent journey and search locations is provided to users as suggestions. With just a single tap, users can select any of these locations to set as their destination.
This comprehensive solution aims to enhance the ease and efficiency of setting destination locations, catering to various scenarios and user preferences.
Problem #7: How can a user schedule future bookings?
In our daily life, there are often instances where we require cabs at specific times. For instance, with scheduled meetups or a fixed commuting window from home to the office, having a scheduled booking system can prove to be a lifesaver.
Design Solution:
To address the need for a scheduled cab booking system, I implemented the following system:
Scheduling Mode and Date/Time Selection:
When a user selects their location, they will have the option to toggle between "Now" mode and "Scheduled" mode.
If the user decides to schedule the ride, they can choose a desired date and time for their cab to arrive.
Saving Scheduled Requests:
The system will store the user's scheduled booking request along with the selected date and time.
So How it Works:
User Interaction:
The user enters their location in the app.
They can then choose between the "Now" and "Scheduled" modes.
If they opt for "Scheduled," they select a date and time for their desired ride.
Scheduling Process:
When the user schedules a ride, the system saves their request with the chosen date and time.
Ride Dispatch:
When the scheduled time arrives and cabs are available nearby, the system generates a priority request for the user's ride.
The request is sent to the nearest cab driver or available cab in the area.
Cab Arrival and Journey:
The assigned cab will reach the user's location at the scheduled time.
Problem #8: How can a user book a car for someone else?
In situations where technological advancements pose difficulties, especially for older individuals like our grandparents, a helpful feature could be allowing someone else to book a cab for them. This way, they can enjoy the convenience of cab services without needing to use smartphones or apps.
Design Solution:
By default, the user can book a cab for themselves. However, if they wish to book for someone else, they can tap the "For Me" drop-down option, which will allow them to book for another rider. For this option, the user can choose a phone number from their contacts and schedule the ride on their behalf.
Through this process, the cab driver will receive the phone number of the rider being booked for, rather than the app user's number. Simultaneously, the rider being booked for will receive an SMS containing the driver's phone number and a tracking link. This will enable them to complete the ride using the provided details. The app user will also have the ability to monitor these interactions and track the progress of the ride.
Problem #9: How can a user select their preferred car and payment method in the app?
Classification matters everywhere. Every user has their own needs and preferences based on budget and comfort. Some use rides for personal tasks, while others need them for work. That's why having different types of cab options is important to suit these various needs.
Design Solution:
Cab Booking Options: There are six types of cab options available for users to book based on their needs, budget, and comfort: Basic, Normal, Premium, 6 Seater, Pool, and Rent Taxi. These options have differences that we can see below.
Profiles and Payments: Users can switch between profiles for personal and business rides. Separate profiles help manage bills differently. They can also choose their preferred payment method. For business rides, users don't pay with their own money. The company covers the bill and settles it at the end of the month.
Coupons: Depending on the selected cab type, users can benefit from available promos. They can see a breakdown of the price for each cab option to make informed decisions.
Safety Details: Also, when COVID-19 was a concern, safety instructions were added at pickup points for everyone's safety.
Problem #10: How can a user search for a driver and tag the driver?
After posting a trip, how can a user search for and tag a driver? The tagging process depends on various conditions. Communication with the tagged driver is also a crucial aspect of completing the journey successfully.
Design Solution:
Driver Search: Our research shows that the fastest way to find a cab in city areas is within 4 minutes on online platforms. I've designed a 4-step counter animation, each step representing 1 minute, so users can track progress and avoid boredom. The goal is to tag a driver within 1 minute if a cab is available. Otherwise, a prompt encourages retry after 4 minutes.
Tagging Details: After tagging, users get complete details about the driver and cab. Communication with the driver via call or message ensures smooth coordination.
Problem #11: How do a user initiate a call to the tagged driver?
Communicating with the tagged driver is a crucial aspect of a ride-sharing platform, ensuring a seamless experience for both riders and drivers.
Design Solution:
Communication Options for Seamless Interaction:
On our platform, effective communication between users and drivers is vital. I provide two main methods for this purpose: calls and in-app messaging.
Call Preference: While both messaging and calls are available, users often favour calls for certain situations, especially when they are on the road and need to convey information promptly. To cater to this preference, I've introduced two calling options:
In-App Call: Users can initiate calls directly from within the app. This keeps the communication streamlined and within the platform.
Cellular Call: For a smoother experience, I also provide the option for cellular calls. This ensures that users can communicate seamlessly, even when they are not using the app itself.
In-App Messaging: Users and drivers can exchange messages directly within the app. This method is ideal for quick inquiries, sharing information, or discussing details.
Problem #12: How can a user cancel a ride or initiate an emergency action?
Providing users with the option to exit from any situation at all times is a fundamental user need. Additionally, ensuring safety measures are in place becomes crucial, especially when interacting with others on the road, as unforeseen emergencies can arise.
Design Solution:
Cancellation: Before the ride starts, the rider can choose a reason and cancel the ride. After the ride begins, cancellation will still be possible, but it will require mutual confirmation from both the driver and the rider.
Emergency: During a ride, if needed, there's a red "Emergency" button available. Clicking on it will either make an immediate call to the police PCR for help or send an emergency SMS to a pre-set contact list. This ensures quick access to assistance when required.
Problem #13: How can a user continue their ongoing trip journey?
For a smooth ride journey, users need to consider several aspects. These include how to validate or start the journey, and what types of interactions to expect throughout the process.
Design Solution:
Initiating the Journey: When the driver approaches the user's location, the app notifies the user. Before the driver starts the trip, a unique 4-digit confirmation code is generated. The rider can find this code within their app. The rider provides this code to the driver to initiate the trip.
Pause and Resume the Journey: Once the journey begins, both users can see the journey time within their respective apps. If circumstances require a temporary halt, the rider can request a pause from the driver. Additionally, if the driver needs to refuel, they can pause the journey to prevent charges during that time. Our system considers waiting time in charge calculation, ensuring riders aren't negatively affected.
Problem #14: How can a user take advantage of the fixed pricing for specific locations?
We have determined fixed prices for certain routes based on the balance between demand and supply. This approach considers the needs of users and is a result of thorough our market research.
Design Solution:
Many local users have specific locations they frequently travel between, such as from a rail station to an airport, which require consistent trips. To accommodate this, I've implemented a new pricing model that offers a fixed price for these specific routes.
This way, users can benefit from a consistent cost when traveling between these important locations, without being affected by variable pricing based on demand and supply fluctuations.
Problem #15: How can a user make the payment to complete their trip?
After the trip concludes, the payment becomes a primary concern for both the rider and the driver. Understanding how the bill is calculated and why it is set at a particular amount is crucial for both parties to ensure transparency and a smooth user experience.
Design Solution:
Bill Breakdown: Users can find a comprehensive breakdown of their trip bill on the app, showing how the total amount was calculated and what factors contributed to it.
Tipping Option: If a rider wishes to tip the driver for a satisfactory ride, they can do so through the app.
Payment Methods: When it comes to payment after completing a trip, we offer different methods to suit user’s preferences and needs:
Cash Payment: If user choose the cash payment method before the trip, rider will hand the fare amount to the driver at the end of the journey. The driver will confirm the payment, concluding the trip.
Online Payment: Opting for online payment means rider have linked a debit or credit card to their account. The fare is automatically deducted from the card after the trip is completed, making the process hassle-free.
Differentiating Personal and Business Trips: It's important to note that for personal trips, rider pay the driver directly at the end of the ride, while for business trips, the bill is accumulated and settled by rider’s company at the end of the billing cycle.
Problem #16: How does the system handle price hikes?
It's a common occurrence that rates might be higher than usual due to increased demand or additional charges for specific reasons. How does the platform inform users about such price hikes or extra charges?
Design Solution:
Higher Price Confirmation: Whenever prices are elevated due to factors like high demand, the platform ensures transparency by seeking confirmation from riders before finalizing the booking. This ensures that riders are informed about the adjusted fare and can make a well-informed decision.
Toll Route Acknowledgement: If user’s chosen route includes tolls, the app informs riders and asks for acknowledgment before the trip starts. This way, riders are aware of any extra costs associated with toll routes. Also they can avoid that route if have alternative.
Adding Extra Charge: In cases where extra charges are necessary, such as due to route changes or extended waiting times, drivers are prompted to inform riders. They can request approval for the extra charge before proceeding, maintaining open communication and transparency throughout the journey.
Problem #17: How can a user share a ride with multiple riders and split the fare?
When multiple riders travel together along the same route, the pool or ride-share option becomes a cost-effective and efficient feature.
Design Solution:
This Pool service is designed to optimize ride-sharing and fare distribution, providing a convenient and cost-effective experience:
1. Individual Seat Selection: Drivers who offering the Pool service allow riders to choose the number of seats they require in the cab. If a rider needs only one seat, the app will assign them accordingly.
2. Efficient Seat Allocation: When riders with similar destinations share the same route, the service ensures that available seats are effectively utilized. This minimizes any empty seats and maximizes the efficiency of the ride.
3. Fare Splitting: Riders who share the cab will have their fares split evenly. As a result, the cost is distributed among all riders, offering a more affordable option compared to traditional rides.
Problem #18: How can a user rent a taxi for a specific duration?
The presence of various local transport agencies in the market has expanded the competition for cab services. If these agencies were to join this platform, it could significantly enhance the platform's success prospects. They can rent out their cars on a time basis. Our market research indicated that such an inclusion could lead to substantial growth.
Design Solution:
There are two rental options available for the Rent Taxi service:
Cab Type: Users can choose between three cab types - Primary, Economic, and Luxurious - based on their preferences.
Duration-Based Rental: Users can select the duration for which they need the rental service.
Furthermore, users have the flexibility to choose their preferred rental option based on comparative pricing provided by different transport agencies. This allows users to plan their trips according to their preferable time and budget, ensuring a personalized and convenient experience.
Problem #19: How can a user access and adjust my account settings?
To personalize and update various features and system preferences, you'll need to access the central hub known as "Account & Settings.”
Design Solution:
Certainly, the Account & Settings section is the user's central hub for customizing and updating a variety of features and preferences. This includes options like managing user’s Wallet, configuring Notifications, reviewing their Trip history, accessing information about Drivers, and much more.
Problem #20: How does the E-Wallet function on the platform?
The E-Wallet feature enhances the ease of online payments for trips, ensuring a smoother experience. Moreover, after the trip concludes, the system seamlessly processes the driver's payment from the wallet.
Design Solution:
The E-Wallet feature operates in two primary parts:
Adding Funds: Users can add money to their wallet, which they can then use to pay the trip fare to the driver once the journey is completed.
Peer-to-Peer Transfer: In case a rider wishes to share costs with another rider, they can conveniently transfer money from their wallet to the other rider's wallet. This ensures smooth transaction handling. Adding funds can be done through payment gateways, while Peer-to-Peer transfers are facilitated via mobile numbers or email addresses. All transaction histories are visible within the app, allowing users to track their financial activities.
Problem #21: How can a user access and view their trip history on the platform?
Certainly, there should be a method for users to track and access their lifetime trip history, encompassing both completed trips and scheduled bookings, directly on the platform.
Design Solution:
The page for tracking trip history is designed to facilitate user interaction with four distinct sections, accessed via a dropdown menu:
Past: This section displays a list of completed trips, allowing users to review their past journeys.
In Process: Ongoing trips are showcased here, keeping users informed about their current rides.
Upcoming: Scheduled trips are presented in this section, ensuring users have visibility into their upcoming travel plans.
Business: Users with a Business profile can access their trip history specifically related to their business-related journeys.
The dropdown menu in the top is intelligently designed with default options that dynamically adapt to the context. For example, if there's an ongoing trip, "In Process" will be pre-selected by default. Similarly, for scheduled trips, "Upcoming" will be automatically set as the default option. This intuitive approach enhances user experience and provides quick access to the desired trip history section.
Problem #22: What is the Business Profile feature and how does it function on the platform?
For official or business-related tasks, riders often need to book cabs multiple times. To manage this, riders have a distinct method for tracking these trips, along with a separate billing process.
Design Solution:
Here's how the Business Profile feature works:
When a user wants to book a cab for official purposes, they select the Business Profile option while booking.
To set up a business profile, the user needs to provide their company's information and have the company listed on the platform.
Once the business profile is set, the user can select their company while applying for the Business Profile.
After verification from the admin panel, the profile becomes active.
When booking rides through the Business Profile, the user doesn't need to pay individually. Similar to a credit card bill, the company pays for the rides collectively.
At the end of the month, an email bill is sent to the user, indicating the total cost. The company settles this bill through payment.
This feature streamlines the process for official rides, ensuring hassle-free transactions and convenient billing for both users and their respective companies.
Problem #23: What are the others screens?
There are many related screens that show various functionalities. Take a look at some examples here.
Design lesson
I had to go through multiple revisions when designing, and one lesson I learned from this was to never take the wireframes lightly. Due to the short deadline, I omitted the wireframes and immediately began designing. This caused a number of modifications where I may have accumulated some time. Nevertheless, it was a worthwhile lesson.
Impact of this design
This white-label solution software generates significant revenue for our company by selling this, amounting to a substantial value of around $35,000.
The success of this project has paved the way for our company to secure 3 additional projects.
As a Product Designer,
I think there's room for improving user experience in any product. I've also identified areas where design enhancements can be made.
OTP Login Instead of using a password for login, an OTP could have been utilized. After entering the mobile number, the user could proceed with login after OTP verification. But, implementing OTP for every login would incur costs that could conflict with our business strategy.
Monitoring Tools Implementing monitoring tools like Mixpanel , Metabase could have helped identify user pain points and future improvements. But, since our product is a white-label solution, we lacked sufficient control after app development to fully utilize monitoring tools.
Direct User Feedback Direct feedback from real users, such as from app stores, could have led to valuable insights for future improvements. But, due to the nature of our white-label solution and its customization, tracking back to the original source is not feasible.
Same Radius Trip Start Starting a trip by providing a 4-digit code to the driver to initiate the trip. However, creating a small radius for verification becomes possible when both users are within it. But, as we may not universally employ Google Maps across all regions and could opt for other maps, implementing the radius functionality might not be feasible.
If you have any advice or feedback to share, please feel free to let me know.
This story covers the rider's part. I will be back with the driver's part soon!
Thank you for being with me!
This is my story for creating the White Label SaaS Software for ride-sharing service. A straightforward strategy with only the features that are essential. Hope you liked this story.
A Bidding Strategy and Tiny Tweaks Transformed Truck Hiring Prices
Showing truck owners where their bid ranks, without revealing amounts, and capping edits at five. Customer-care calls fell 47% and hiring requests rose 10%.
Client
Truck Lagbe
Year
2023
Services
Strategy
Role
Product Designer
−47%customer-care calls
+10%truck hiring requests
5edit cap per bid
Introduction
Today, I'll share an interesting story about how a single bidding position transformed the entire truck market pricing structure. This story unfolds within the operations of Truck Lagbe Ltd., a company specializing in truck hiring facilitated through a unique bidding process.
The Bidding Process
In the Truck Lagbe Ltd. system, users needing a truck submit a request via an app, specifying their location. Meanwhile, truck owners place bids, setting their desired trip fares. Customers then select a bid that suits their preference, often opting for the lowest offer.
Challenges Encountered
However, this system presented two major challenges:
Excessive Customer Care Calls: Truck owners often call to request additional benefits. A primary concern for them is knowing how much to bid to secure a trip.
Rising Truck Fares: Customers complained about the continuous increase in truck fares, leading to a decrease in hiring requests on our platform.
The Innovative Solution
After much deliberation, we agreed upon a transformative solution.
Bidding Position
I have decided to display the position of a truck owner's bid in comparison to others while keeping the actual bid amounts (in BDT) hidden. This allowed truck owners to see how their bids ranked without knowing the exact figures placed by others.
Bidding Position
Bid Edit Restrictions
Additionally, I have implemented a minor but crucial tweak: truck owners could edit their bid to improve their position, but only up to five times. This limitation prevented excessive system strain and stopped owners from minutely adjusting bids to guess competitors' truck owner prices.
Bid Edit Restrictions
Impactful Results
The outcomes of these seemingly minor adjustments were remarkable:
A significant 47% reduction in inbound calls to our customer care helpline.
Truck owners started lowering their bids to achieve a higher position in the bid list, standardizing market rates to a more reasonable level.
A 10% increase in customer requests for truck hiring on our platform.
Conclusion
This case study demonstrates the power of strategic adjustments in digital platforms. By fine-tuning our bidding process, we not only enhanced operational efficiency but also fostered a more competitive and fair marketplace. It's a testament to how small changes can lead to significant impacts in the digital world of commerce.
Transforming Self-Payment Distribution: Sending Money with Just Three Taps
Truck owners can now withdraw their earnings to bKash or Nagad in three taps and under a minute, instead of waiting on a manual process. App engagement rose 45%.
Client
Truck Lagbe
Year
2023
Services
Product Design, App Design
Role
Product Designer
+45%app engagement
3 tapsto withdraw, in under a minute
+12%Owner App downloads
Overview
In the ever-evolving landscape of financial transactions, efficiency is paramount. The disbursement process for Suppliers (Owner App Users) and Admin Panel Users(Internal Panel) currently stands as a manual and time-consuming endeavor. Recognizing the need for a more streamlined approach, our Payment Disbursement project aims to empower Owner App Users and Admin Panel Users alike, revolutionizing the way payments are disbursed.
Problem Statement
The existing disbursement process for both Owner App Users and Admin Panel Users is marred by manual interventions, leading to inefficiencies and prolonged processing times. This not only hampers productivity but also introduces the potential for errors and delays in financial transactions.
Suppliers experience a lack of transparency, making it challenging to track and reconcile disbursements promptly.
This complexity in the disbursement process not only diminishes user satisfaction but also hampers the agility and autonomy of our suppliers in managing their financial transactions.
Waiting on external entities for disbursement not only prolongs the processing time but also subjects our operations to the varying timelines and potential bottlenecks of these third-party services. The lack of control hampers our ability to provide timely disbursements, impacting user satisfaction and the overall reliability of our disbursement processes.
Goals
Streamline the disbursement process by eliminating 3-4 manual steps, significantly reducing the time required for other relevant teams.
Minimize human intervention which will enhance the accuracy and reliability of financial transactions. This not only mitigates the risk of errors but also fosters a more secure and trustworthy disbursement system.
We aspire to empower our Owner App Users by providing them with a user-friendly, direct means of transferring funds. This strategic move aims to attract and retain users, positioning the Owner App as a go-to platform for efficient and convenient financial transactions.
Tools Used
Figma, Notion, Trello, FigJam, Mixpanel
Discover Phase
Research:
Existing Process:
High-Level Plan:
Pathao Driver App:
Digital Credit → Withdraw Request → Enter Amount → Desired Method (Bkash/ Bank) → Successfully Disbursed
Communication with MFS Companies:
In our drive to streamline disbursement processes, we are actively pursuing strategic partnerships with leading Mobile Financial Services (MFS) companies. Our approach prioritizes open communication channels, customization for unique requirements, robust API integration, and a commitment to a user-centric experience.
By ensuring continuous testing, and quality assurance, and embracing an agile development methodology, we aim to forge seamless collaborations. This approach not only adheres to industry standards but also exceeds user expectations, setting new benchmarks in the realm of payment disbursement.
Product Requirement:
Wallet Disbursement: Owner App users should be able to disburse money from their Apni Paben wallet of TL Transport.
MFS Account Selection: Owner App users should be able to select any of their desired MFS accounts (such as Bkash or Nagad) for the disbursement process.
Money Transfer: Once an MFS account is selected, the money should be automatically deducted from the Owner App user's wallet and transferred to the selected MFS account.
Transaction History: Owner App users should be able to view their transaction history, including the date, time, amount, and MFS account details of the disbursed amount.
Users can securely store a portion of their funds within the Owner App, allowing them to manage and retain control over their remaining amounts safely.
User Flow
Design Flow
1. Pin set
Upon first opening the app, a user sets a 4-digit PIN, verified through a one-time password (OTP) sent via SMS on their account mobile number. Successful OTP validation confirms the PIN, granting app access. In case of OTP issues, options to retry or request a new OTP are available. The process ensures secure first-time user access.
2. Withdrawal first-time journey
For the "Withdrawal First-Time Journey":
In this flow, a user selects their preferred Mobile Financial Service (MFS) account for the first-time withdrawal process. They then input the withdrawal amount and the account number to which the funds will be transferred. The user has the option to save this account number for future transactions. After entering their PIN, the amount is transferred to the chosen MFS account. If the entered phone number isn't linked to the specified MFS account, the process will display an error, indicating the mismatch. This flow streamlines the withdrawal process for first-time users, ensuring convenience and security.
3. The Happy Path
For the "Withdrawal for Saved Numbers":
This streamlined process begins when a user opts to withdraw funds using a previously saved account number. The user simply selects the saved account from the list, eliminating the need to re-enter account details. Next, the user inputs the desired withdrawal amount. The final step involves entering their PIN to authenticate and approve the transaction. This efficient flow facilitates quick and secure withdrawals for users who have saved their account details, enhancing the overall user experience.
3. Sending money to others
4. Unexpected Error
Expected Errors:
Restriction on Amount of Transaction per day
Restriction on Amount of Transaction at a time
Cannot exceed Owner Gets Balance
Cannot enter Wrong PIN 3 times
Multiple Device Error
Development Phase
1. Initial Requirement Brief:
Objective: To comprehensively understand the project requirements and set the foundation for the development process.
Activities:
Conducted a detailed analysis of the project goals and requirements.
Delivered a comprehensive Requirement Brief, outlining the key components for development.
2. Asset Delivery:
Objective: Ensure that all necessary assets for development, including the PRD (Product Requirements Document) and Design elements, are available to the development team.
Activities:
Delivered the PRD encompassing Design File, Goal, Requirement Description, Success Metrics, Impact on other products, Error Cases, Mixpanel Integration Details, Security Measures, Operational SOP, Core Functionality Description, User Story/Acceptance Criteria, Flow Chart, and Decision Log.
3. Tech Development Kick-off:
Objective: Initiate the technical development process based on the delivered assets.
Activities:
Developers commenced coding based on the PRD, following best practices and coding standards.
4. Third-Party Integration Meetings:
Objective: Facilitate seamless integration with third-party services, specifically Bkash and Nagad, crucial components of the project.
Activities:
Conducted multiple meetings with representatives from Bkash and Nagad to discuss integration details and ensure compatibility with their systems.
Addressed any potential challenges and established a clear communication channel for ongoing collaboration.
5. Completion of Development:
Objective: Reach the conclusion of the development phase with all core features implemented and tested.
Activities:
Conducted thorough testing, to identify and resolve any issues.
Refined and polished the codebase to meet performance and security standards.
6. Server Integration:
Objective: Initiate the integration of the developed solution with the server infrastructure.
Activities:
Ensured the smooth deployment of the developed solution onto the designated servers.
Monitored server performance and addressed any compatibility issues during the integration process.
UAT
The Payment Disbursement project undergoes User Acceptance Testing (UAT), involving representatives from relevant teams. Supply Team receives training to engage directly with suppliers and Owner App Users. The CX Team is integrated for full-time user support. The Accounts Team collaborates on understanding the process, and post-UAT, decisions on accounting entries and control measures are implemented. This ensures a robust system, user satisfaction, and accountability in financial processes for a successful rollout.
Success Metrics
User Engagement Increased on the App: 45%
Percentage of user transactions involving App payment disbursement: 60%
Average time taken for a disbursement transaction to complete: 3 clicks, 40-50 seconds
Owner App Download Increased: 12%
Disbursed using Bkash: 60%, Disbursed using Nagad: 40%
White Space Isn’t Empty Space. It’s Your Loudest Design Tool.
Almost every new designer makes the same mistake. They look at a screen, see an empty area, and feel like they're wasting it. So they add something: another button, another icon, another banner. Just to fill the gap. I've done this too. It's natural. But it's backwards.
Think about a crowded bus versus an empty one. On the crowded bus, you can't tell where to stand or who's next to you, and you just want to get off. On the empty one, everything feels calm and easy.
Interfaces work the same way. When everything is packed together, users have to work to figure out what matters. When there's room to breathe, their eyes know where to go.
White space quietly tells the user three things:
Where to look first
What's important
What belongs together, and what doesn't
Distance tells a story
This is the Proximity principle, and it's one of the simplest tools in UX. Related items go close together. Unrelated items go a little further apart.
Take a form. A label sits right above its input field, and a bigger gap separates it from the next field. You don't need a divider or a border. The spacing already says: these two belong together, that one is separate.
You can build a clear hierarchy this way without drawing a single line.
Less clutter, more clarity
Many designers reach for boxes, dividers, and shadows to organize things. Often, space can do the same job more gently. Every extra line or border adds visual noise. A little more spacing usually adds clarity instead.
It also helps with:
Reading: Text with generous line height and margins is easier on the eyes.
Focus: A single call-to-action with space around it gets noticed far more than one squeezed between five other things.
Before you add a new element to your screen, ask yourself:
Do we really need this?
If the answer isn't a clear yes, leave the space alone. Fewer elements, more clarity.
Final thought
Next time you see an empty area in your design, don't rush to fill it. That space is already working. It's guiding the eye, grouping ideas, and giving everything else room to be understood.
White space isn't empty. It's your loudest design tool, just invisible.
Why Product Designers and Product Managers Need Each Other
As a Senior Product Designer at Truck Lagbe, I’ve had the pleasure of working with amazing product managers. Together, we’ve built products that solve real problems, and none of it would have been possible without close collaboration with our product managers.
Shared Vision: UX Designers focus on user experience, Product Designers focus on balancing business and user needs, while product managers bring the bigger business picture. Together, we ensure that our products don’t just look good but also meet real needs. I recall working with Nusrat Haque Supti on the “Booking a Truck from the Website” feature. She helped us focus on goals beyond just design, and we saw a big jump in user engagement.
Balancing Business & User Needs: Prioritizing user experience is essential, but we can’t ignore business goals. Working with product managers keeps us grounded, ensuring that our designs also help the company grow. For example, Onez Chowdhury and I worked on a mobile financial services feature, and his input kept us focused on both usability and revenue targets.
Smooth Teamwork: Product managers are the glue between teams. They connect designers, engineers, and other departments to make sure everyone’s aligned. Yeasin Ahammed and I worked on a complex completion rate formula, and he ensured that we collaborated well with the engineers to deliver a seamless result.
Fast Feedback: Iterating quickly is key. With a strong designer-manager team, we can gather feedback, tweak the design, and improve the product efficiently. Tanvir Ahmed and I went through multiple design updates based on user feedback for our GPS system, and each round brought us closer to the best solution.
Shared Ownership: At Truck Lagbe, we believe that every product belongs to the whole team. Sadia Afra Ibnat and I worked on a booking home shifting service, where both designers and product managers had equal say. The end result was something we were all proud of because it was built together.
In the end, great products come from strong partnerships. Designers and product managers bring different skills to the table, but when we collaborate, the outcome is far greater than the sum of its parts. My journey at Truck Lagbe has shown me that when design meets strategy, amazing things happen.
BSc, Computer Science & Engineering · North South University2016–20
