The first screen keeps the route setup simple so users can start fast without feeling overloaded.
Book a ride with pickup and drop search.
Search to load Google map route
Booking details
Complete your taxi booking
Step 1 of 4
Fixed Fare
Fare type
Trip time
When do you need the ride?
Contact details
Verify the contact number before requesting the booking.
Payment
Driver instruction
320 characters left
Booking request sent
Reference
RW-000000
Passenger
Guest
Route
Pickup to drop
Fare
$ --
Why this UI works
Designed around clarity, speed, and conversion.
Fare mode, live summary, and service choice stay visible while the user completes the booking.
The layout leaves clear places for maps, payment, dispatch, and confirmation messaging.
The card structure stacks neatly on smaller screens without losing the visual impact.
Become a driver
Add a recruitment CTA without cluttering the booking flow.
Perfect for promoting driver partnerships, onboarding, and support links from the landing page.
View opportunitiesPromotions
Highlight offers, airport bundles, or business account benefits.
Use this block for launch promotions, first-ride offers, or repeat customer benefits.
See current offers