Step 01
Booking overview
Screenshot 1 / 20
This is the primary booking workspace. The user starts here, enters trip information, reviews the live route map, and moves through the complete booking flow from trip setup to pricing and payment.
Click image to enlarge
Detailed user guidance
- 1Use the booking tabs to understand the current stage. The platform is structured as Trip, Tariff, and Payment, so the user always knows what comes next.
- 2The pickup and destination area is the operational core of the screen. Enter both locations carefully because the route, pricing, estimated distance and availability depend on this information.
- 3The schedule section controls when the service should start. Users should confirm whether the booking is immediate or scheduled for a future date and time.
- 4The passenger details area is used for traveler information, contact details, luggage quantity and internal references such as cost center information.
- 5The map preview is a visual validation tool. It helps the user confirm that the selected route is logical before moving forward.
- 6The footer and support area can be used for additional company or process information. It is useful when users need policy guidance or operational help.
Best practice
Best practice: before moving to the next step, verify the route, schedule and contact details together. This reduces errors later in tariff and payment.
Step 02
Pickup and destination fields
Screenshot 2 / 20
This screen focuses on address entry. It is where the user defines where the trip starts and where it should end.
Click image to enlarge
Detailed user guidance
- 1Enter the pickup address in the first field using the exact street, building or known location to improve routing accuracy.
- 2Enter the destination in the second field. The more precise the destination, the more reliable the route and price calculation will be.
- 3Use the route swap control when the two locations were entered in the wrong order. This saves time and avoids retyping the addresses.
Best practice
Encourage users to select exact business names or full addresses rather than short informal descriptions.
Step 03
Route map preview
Screenshot 3 / 20
The route map is the platform’s visual confirmation layer. It shows whether the entered trip data is being interpreted correctly by the system.
Click image to enlarge
Detailed user guidance
- 1The pickup pin marks the start location that was entered in the booking form.
- 2The destination pin marks the final target location for the trip.
- 3The route line between the points allows the user to judge whether the trip path looks realistic and whether the system selected the intended route.
Best practice
If the route looks incorrect, return to the address fields and correct the location names before continuing.
Step 04
Date, time and trip type
Screenshot 4 / 20
Scheduling defines when the transport service should take place and what type of trip the user is creating.
Click image to enlarge
Detailed user guidance
- 1Choose whether the booking should start immediately or at a later time.
- 2If the booking is scheduled for later, confirm the date and exact time carefully to avoid dispatch errors.
- 3Review the trip type selection so the booking matches the operational requirement of the journey.
Best practice
Scheduled trips should always be double-checked for local time, date format and pickup readiness.
Step 05
Add a stop
Screenshot 5 / 20
This screen is used when a trip needs an intermediate stop between the pickup and the final destination.
Click image to enlarge
Detailed user guidance
- 1Add a stop when the passenger needs to visit another point before the trip is completed.
- 2Use the remove option if the stop was added by mistake or is no longer needed.
Best practice
Only add operationally necessary stops. Extra stops can affect timing, tariff and dispatch planning.
Step 06
Passenger, bags and contact details
Screenshot 6 / 20
Passenger configuration is one of the most important data quality steps. This section controls who is traveling and how the booking should be classified internally.
Click image to enlarge
Detailed user guidance
- 1Set the passenger count to match the real number of travelers. This is important for service suitability and vehicle planning.
- 2Set the luggage or bag count so the assigned vehicle can support the required capacity.
- 3Complete the primary contact details. This person is normally the lead contact for the trip and may receive updates or be contacted if clarification is needed.
- 4Use the add passenger function when there is more than one traveler and separate traveler records are required.
- 5Enter the cost center if the company needs trip attribution for budgeting, invoicing or internal reporting.
- 6Continue to tariff selection only after checking that all passenger and contact data is complete.
Best practice
Users should treat this section as the official trip record. Accurate names, contact details and counts improve service quality.
Step 07
Add additional passenger
Screenshot 7 / 20
This form is used to add an extra passenger with more specific boarding and drop-off details.
Click image to enlarge
Detailed user guidance
- 1Confirm the main contact or responsible traveler at the top of the form.
- 2Select the boarding point for the added passenger if it differs from the main trip origin.
- 3Select the drop-off point for the passenger if the endpoint differs from the main trip pattern.
- 4Enter the passenger’s full name clearly.
- 5Enter a reachable phone number for coordination or operational contact.
- 6Enter the passenger email if email-based communication or records are required.
Best practice
Use this feature when the platform must store individual traveler records instead of only a single lead contact.
Step 08
Cost center field
Screenshot 8 / 20
The cost center field connects the booking to an internal business or accounting reference.
Click image to enlarge
Detailed user guidance
- 1Enter the correct cost center or internal code required by the company.
- 2Only move to tariff selection once the internal reference has been validated, especially for invoice-based billing environments.
Best practice
A wrong cost center can cause reporting or invoicing issues later, so this field should not be treated as optional when company policy requires it.
Step 09
Tariff selection screen
Screenshot 9 / 20
The tariff screen is where the user compares available service options before confirming the financial side of the trip.
Click image to enlarge
Detailed user guidance
- 1The step navigation shows that the user has moved from trip configuration into the pricing phase.
- 2Review the trip summary to make sure the tariff is being calculated for the correct route and schedule.
- 3Compare the standard or normal tariff first, since it is often the default operational option.
- 4Compare premium-level alternatives when service level, comfort or business requirements are higher.
- 5Review larger-vehicle or XL options when passenger or luggage volume requires additional capacity.
- 6Continue to payment only after the correct service level and cost balance have been chosen.
Best practice
Users should compare tariff logic against passenger count, luggage needs and company travel policy before selecting.
Step 10
Selected tariff with add-on
Screenshot 10 / 20
This example shows a tariff that includes an activated cancellation add-on or related extra protection.
Click image to enlarge
Detailed user guidance
- 1The highlighted tariff is the currently selected service option.
- 2The enabled cancellation add-on indicates that the user chose additional protection or flexibility on this booking.
Best practice
This option may be useful for trips that are likely to change or for bookings that require stronger cancellation coverage.
Step 11
Tariff after removing add-on
Screenshot 11 / 20
This example shows the same tariff state without the optional add-on enabled.
Click image to enlarge
Detailed user guidance
- 1The selected tariff remains active as the current service choice.
- 2The cancellation add-on is disabled, which normally means the trip follows the standard cancellation policy only.
Best practice
Use the standard version when extra flexibility is not required and cost control is the priority.
Step 12
Payment screen
Screenshot 12 / 20
The payment screen finalizes how the trip will be paid and therefore how it will be processed commercially.
Click image to enlarge
Detailed user guidance
- 1Use the edit route option if the user notices that trip details need to be corrected before payment is confirmed.
- 2Check the displayed trip price so the selected tariff and booking data match expectations.
- 3Choose Stripe when card-based or gateway-supported online payment is preferred.
- 4Choose PayPal when the organization or passenger prefers that payment channel.
- 5Choose monthly invoice when the company has an approved invoicing arrangement.
- 6Choose cash to driver only if that payment model is permitted by the company and by the service process.
Best practice
Payment choice should follow company policy. Invoice options are especially sensitive and should only be used when authorized.
Step 13
My trips overview
Screenshot 13 / 20
The trips overview is the operational monitoring screen. It helps users track bookings after they have been created.
Click image to enlarge
Detailed user guidance
- 1Use the trips navigation entry to open the list of created bookings.
- 2The trips table provides the main operational overview of all current records.
- 3The status column shows where each trip stands operationally, such as pending, confirmed or completed.
- 4The payment column helps users distinguish between paid, unpaid or invoice-related states.
- 5Use the details action to open a full record for one booking.
- 6Use pagination when the number of trips exceeds the current page capacity.
Best practice
This page is ideal for dispatch users, coordinators or support teams who need a quick portfolio view of bookings.
Step 14
Trips table and pagination
Screenshot 14 / 20
This row-level view explains how one booking is summarized inside the trips list.
Click image to enlarge
Detailed user guidance
- 1The pickup date and time indicate when service is expected to begin.
- 2The route columns show where the trip starts and ends.
- 3The price column shows the financial value attached to the booking.
- 4The status field shows the operational state of the trip.
- 5The payment status field shows whether the commercial side has been settled or is still open.
- 6The details button opens the complete booking record with additional actions.
Best practice
Users should interpret row data as a quick summary, then open details for edits, duplication, cancellation or printing.
Step 15
Booking details page
Screenshot 15 / 20
The booking details page is the most complete information screen in the application. It combines operational data, financial data and follow-up actions in one place.