Rider Portal — UI Screens

Design prototype for the Rider Portal. These screens are isolated under /rider/portal/* and do not affect the customer booking flow or existing rider backend.

Onboarding

1. Welcome Screen

Become a Delivery Partner hero + Get Started

Open screen →

2. Rider Registration

Full name, mobile, email, address

Open screen →

3. KYC Verification

DL, RC, plate photo, profile photo uploads

Open screen →

4. Verification Pending

Application submitted, in progress

Open screen →

Operations

5. Rider Dashboard

Online toggle, stats, quick actions

Open screen →

6. New Booking Request

Accept/reject with countdown timer

Open screen →

7. Active Delivery

Map, customer info, arrived at pickup

Open screen →

8. OTP Verification

Pickup OTP with success animation

Open screen →

9. Package Picked Up

Delivery started, destination nav

Open screen →

10. Delivery In Progress

Live route, ETA, call customer

Open screen →

11. Delivery Complete

Success + earnings received

Open screen →

Account

12. Earnings

Today/week/month + transaction history

Open screen →

13. Delivery History

Filtered order cards

Open screen →

14. Rider Profile

Profile menu and settings

Open screen →
Suggested flow: Welcome → Register → KYC → Pending → Dashboard → Booking Request → Active Delivery → OTP → Picked Up → In Progress → Complete