Made with Kleap
UI Flow · v1.0

Lift Up

A complete 25-screen ride-booking experience — from the first splash to driver earnings. Onboarding, secure auth, live rider flow, and the full driver cockpit.

All Onboarding Auth Rider Driver
25
Screens
2
Apps (Rider + Driver)
5
Flow stages
1.0
Version

All screens

The complete flow

Each card maps to one screen in the brief — onboarding, auth, rider journey, driver cockpit.

01
Onboarding

Splash Screen

Logo + brand name + loading animation + version

Screen 1 →
02
Onboarding

Onboarding

3 illustrated slides — Book in Seconds, Trusted Drivers, Safe Travel

Screen 2 →
03
Auth

Login

Welcome back, mobile + password, Google & Apple

Screen 3 →
04
Auth

Registration

Full name, mobile, email, password, confirm

Screen 4 →
05
Auth

OTP Verification

6-digit OTP, auto-read, countdown, resend

Screen 5 →
06
Auth

Location Permission

Map illustration + Allow / Enter manually

Screen 6 →
07
Rider

Rider Home

Greeting, search, 70% map, saved & recent, bottom nav

Screen 7 →
08
Rider

Search Destination

Pickup + drop, recent, popular, suggested

Screen 8 →
09
Rider

Confirm Pickup

Large map + pickup pin + Confirm CTA

Screen 9 →
10
Rider

Ride Options

Bike · Auto · Mini · Sedan · SUV · Premium with ETA, fare, capacity

Screen 10 →
11
Rider

Ride Details

Pickup, destination, ETA, distance, promo, payment, Book

Screen 11 →
12
Rider

Driver Searching

Full-screen map, animated loader, Cancel

Screen 12 →
13
Rider

Driver Assigned

Driver photo/name/rating/vehicle, Call · Chat · Share, live map

Screen 13 →
14
Rider

Driver Arriving

Live map, ETA countdown, progress, Safety button

Screen 14 →
15
Rider

Ride In Progress

Real-time nav, driver info, ETA, SOS, Share

Screen 15 →
16
Rider

Ride Completed

Success animation, distance · duration · fare, Receipt + Rate

Screen 16 →
17
Rider

Payment

Cash · UPI · Card · Wallet + Pay Now

Screen 17 →
18
Rider

Rating & Feedback

5-star, tags (Clean / Friendly / Safe / Late), text + Submit

Screen 18 →
19
Rider

Ride History

Completed / Cancelled tabs, cards with date/fare/distance, Book again

Screen 19 →
20
Rider

Wallet

Balance, Add money, transaction history

Screen 20 →
21
Rider

Profile

Photo, personal info, addresses, emergency contacts, settings, Logout

Screen 21 →
22
Driver

Driver Dashboard

Online/Offline toggle, earnings · trips · acceptance, map

Screen 22 →
23
Driver

New Ride Request

Pickup + drop + fare + distance, Accept / Decline

Screen 23 →
24
Driver

Driver Navigation

Maps view, nav controls, pickup ETA

Screen 24 →
25
Driver

Earnings

Daily / Weekly / Monthly tabs, graphs, Withdraw

Screen 25 →

Journey

Two apps, one trip

🚖

Rider app

  1. 1 Splash & Onboarding
  2. 2 Login & OTP
  3. 3 Set pickup + drop
  4. 4 Choose ride (Bike → Premium)
  5. 5 Watch driver arrive
  6. 6 Ride in progress + SOS
  7. 7 Pay & rate 5 stars
  8. 8 Wallet · History · Profile
🧑‍✈️

Driver app

  1. 1 Driver Login
  2. 2 Go Online
  3. 3 Receive ride request
  4. 4 Accept / Decline
  5. 5 Navigate to pickup
  6. 6 Start trip
  7. 7 Complete + earn
  8. 8 Withdraw earnings

Ready to Lift Up your ride?

25 screens · iOS + Android · Rider + Driver · Production-ready flow.