Online Taxi Booking App | Tab A Ride Cab Booking App Case Study | Softqube technologies

TAB A RIDE

Online Taxi Booking Application

tabridemaincauv
tabrite
Online Taxi Booking Application

My Role

research

Research

userflow

UserFlow

wireframe

WireFrame

UI/UX design

UI/UX Design

user persona

User Persona

WireFrame

A wireframe represents the basic page layout structure and navigational scheme of the site’s pages, as well as major site components. We prepared and show the wireframe to client before design high fidelity interface.

Wireframe Page Layout Structure

Final Design

Confirm Booking

Once Rider will confirm the ride notification will automatically send to nearest drivers. The count down screen will be shown till the nearest drivers will be found. The nearest drivers will be shown within certain time limit.

Taxi Confirm Booking Screen
Cancel Trip Screen

Cancel Trip

Rider can cancel the trip request and driver will get notification like Trip is canceled.If none of the driver not accept the request or not available, then driver not available will shown on the screen

Fare Breakdown

Once trip will be completed driver will press the button complete trip. As the driver complete the trip rider and driver both will receive fare breakdown screen.

Fare Breakdown screen
Tab Ride Screen
Taxi Booking Registration Screen
Taxi Booking App Menu Screen
Tab Taxi Booking Location Screen
Tab Taxi Booking App Menubar Screen
Tab Taxi Booking Location Screen main
Tab Taxi Booking GPS screen
Taxi Booking Driver Location Screen

Technology Stack

laravel

Laravel

anaroid

Android

ios

iOS

firebase

FireBase

Typography & Colours

Proxima Nova

Bold
SemiBold
Regular

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

yellow car
black car
red car
blue car