How do you design a taxi app?

Design a taxi app around three moments: asking for a ride, waiting for the car and paying at the end. Wireframe each as a map with a bottom sheet, show price and minutes to pickup before the rider confirms, and plan cancellation, safety and failed-payment paths early. This template lays out all three moments as screens you can edit in Whimsical.

Which app is this taxi app wireframe based on?

Bolt's rider app for iOS. Its map-and-sheet layout is a clean baseline for any ride app. The 14 wireframes were drawn from screenshots on Mobbin, and each sits next to its screenshot with a link to the source screen. Maps and branding are reduced to gray, and Whimsical isn't affiliated with Bolt.

Can I make wireframes of another ride-sharing app?

Yes, with App Wireframe, the open-source agent skill that made this taxi app wireframe. Name another ride-sharing or taxi app and it pulls the key screens from Mobbin, then rebuilds each as an editable Whimsical wireframe next to its screenshot. Designing your own ride app? It works from your own screenshots too. You'll need an AI agent with the Whimsical MCP server connected, and the Mobbin MCP server if you want it to fetch an app's screens.

Why do taxi apps put a sheet over the map?

A bottom sheet keeps the map in view while the rider picks a ride or watches the car approach. On iPhone, Apple's guidance on sheets defines a large detent for a fully expanded sheet and a medium one at about half that height. A taxi app can grow the sheet for the list of ride types and shrink it while the driver is on the way.

What safety features should a taxi app have?

A taxi app should let riders check the driver and car before getting in, share a live trip with friends and reach help during the ride. The toolkit in this template has trip sharing, a line to the safety team and a call to the police. Bolt's safety features also include pickup codes, so riders get into the right car.

TemplatesWireframesTaxi App Wireframe

Taxi App Wireframe

A taxi app wireframe template is a set of editable low-fidelity screens for booking a ride: a home map with a Where to? sheet, route entry, ride types with prices and pickup times, the driver's approach and payment. The free template here rebuilds 14 screens from Bolt's iOS app, safety toolkit, tip picker, ride rating and fare receipt included. Product teams can edit it online in Whimsical as a starting point for taxi app design, ride-hailing included.

Use this template

Bolt's rider journey as editable wireframes, from Where to? on the map to rating the driver.

Resources

App screenshots from Mobbin Wireframe an app using AI

What's included

Map and route entry. A home map with a Where to? sheet, a route screen for pickup and destination, and a destination check.
Choose ride. Eight ride types, from Economy and Local taxi to Minivan and Parcel, each with seats, minutes to pickup and a promo price next to the original.
Driver arriving and driver details. Car model and color, an Arriving in 1 min status, a pickup notes field, and a driver profile with chat, internet call and phone call.
Safety toolkit. One sheet to share trip details with friends, message the safety team or call the police.
Trip details. The route with an Add stop option, the fare and payment method, and buttons to share the ride, contact the driver or cancel.
Tip, rating and receipt. Preset tips with a keypad for a custom amount, five compliment tags like Punctual and Good route, and a past ride receipt with a Rebook button.

Why wireframe a taxi app before designing it?

Size the sheet for each step. Where to? needs a single row, while choosing a ride takes most of the screen. The wireframes show that split screen by screen.
Put the numbers riders compare up front. Every ride type shows a price and minutes to pickup, and the promo price sits next to the original so the discount reads at a glance.
Design the wait. The driver-arriving sheet carries the car model, color and a one-minute countdown, the details riders check on the curb. Bolt also promotes pick-up codes there to stop wrong-car mix-ups.
Keep safety one tap away. A Safety button on the driver-arriving screen opens the toolkit, with trip sharing, the safety team and the police in one list.
End the trip cleanly. Tip, rating and receipt are separate screens, and the receipt splits fare, tip and discount on one card.

How to use this template

Duplicate the template. Copy the 14 Bolt screens into your Whimsical workspace.
Rewrite the ride types. Replace Economy, Prime, Minivan and the rest with the services you run, such as licensed taxis, XL or scheduled rides.
Size the sheet at each step. Decide what the bottom sheet holds on every screen and resize the map around it.
Edit the safety toolkit. Keep or cut trip sharing, the safety line and the police call to match what your team can support.
Sketch the driver app. Draw the driver's matching screens, like an incoming request and navigation to pickup, next to each rider state.

Plan your ride flow

Taxi app vs ride-sharing app

A taxi app books licensed taxis, often at metered or regulated fares, while a ride-sharing app matches riders with private drivers at prices the platform sets. The rider screens barely differ: a map, ride options, pickup, tracking and payment. Bolt shows both in one ride picker, with Local taxi listed next to Economy, Prime and Minivan.

Frequently asked questions

Design a taxi app around three moments: asking for a ride, waiting for the car and paying at the end. Wireframe each as a map with a bottom sheet, show price and minutes to pickup before the rider confirms, and plan cancellation, safety and failed-payment paths early. This template lays out all three moments as screens you can edit in Whimsical.
Bolt's rider app for iOS. Its map-and-sheet layout is a clean baseline for any ride app. The 14 wireframes were drawn from screenshots on Mobbin, and each sits next to its screenshot with a link to the source screen. Maps and branding are reduced to gray, and Whimsical isn't affiliated with Bolt.
Yes, with App Wireframe, the open-source agent skill that made this taxi app wireframe. Name another ride-sharing or taxi app and it pulls the key screens from Mobbin, then rebuilds each as an editable Whimsical wireframe next to its screenshot. Designing your own ride app? It works from your own screenshots too. You'll need an AI agent with the Whimsical MCP server connected, and the Mobbin MCP server if you want it to fetch an app's screens.

A bottom sheet keeps the map in view while the rider picks a ride or watches the car approach. On iPhone, Apple's guidance on sheets defines a large detent for a fully expanded sheet and a medium one at about half that height. A taxi app can grow the sheet for the list of ride types and shrink it while the driver is on the way.
A taxi app should let riders check the driver and car before getting in, share a live trip with friends and reach help during the ride. The toolkit in this template has trip sharing, a line to the safety team and a call to the police. Bolt's safety features also include pickup codes, so riders get into the right car.

Similar templates

Wireframes

Mobile Wireframes

Connected mobile screens, home, search, and results, wireframed in grayscale and linked into a flow.

Wireframes

Flight Booking App Wireframe

Hopper's flight search and checkout as editable wireframes, with hotel and car rental add-ons.

Wireframes

Salon Booking App Wireframe

Fresha's beauty booking flow as editable wireframes, from search to a confirmed appointment.

Wireframes

Chat App Wireframe

WhatsApp's messaging screens as editable wireframes, from phone verification to the calls tab.

Wireframes

To-Do List App Wireframe

Todoist's task capture and planning screens as editable wireframes, from quick add to Upcoming.

Wireframes

Vacation Rental App Wireframe

Airbnb's guest booking flow as editable wireframes, from the first search to a pending stay.

Wireframes