VELOCITY — Mobility Platform UI/UX Architecture

Ultra-HD Retina Design Deck • 42 Screens Ready

● Ultra-HD 2560px & Retina
Kinetic Precision Tokens
iOS / Android / Desktop Web
Splash & Onboarding
C01 Mobile 390x844

Splash & Onboarding

High-speed urban transit 3D vector visual, brand identity, value props carousel (Zero Cancellation Fares, 100% Police Verified), language picker (`🌐 English (IN)`), and `GET STARTED ➔` CTA.

Mobile Login & OTP
C02 Mobile 390x844

Mobile Login & OTP

Indian mobile input (`+91 98102 44921`), WhatsApp OTP alternative button, 6 discrete numeric OTP auto-detect boxes (`[ 5 ][ 9 ][ 2 ][ 4 ][ 0 ][ 1 ]`), 24s resend countdown timer, and terms agreement.

Customer Profile Setup
C03 Mobile 390x844

Customer Profile Setup

Profile photo upload with camera badge, Full Name, verified corporate email input, gender preference for women safety rides, and `VELOCITYNEW` promo code activation.

Velocity Home Dashboard
C04 Mobile 390x844

Velocity Home Dashboard

Vector dark-mode city map with nearby moving vehicles (Cabs, Autos, Bikes), 4 service category cards (Daily, Rental, Outstation, Airport), "Where to?" search sheet, Floating `🚨 SOS` button, and Monsoon Rush campaign banner.

Plan Your Route
C05 Mobile 390x844

Plan Your Route

Connected multi-stop route planner (`+ Add Stop` option), pickup point, intermediate stop (MG Road Metro), frequent place chips (Home, Work, Airport, Mall), and recent search history with distance tags.

Choose a Ride
C06 Mobile 390x844

Choose a Ride

Route polyline map preview (`18 mins • 8.4 km`), vehicle selection sheet: Cab Mini (selected, ₹185), City Auto (₹120), Bike Express (₹65), Cab Sedan with `🔥 Surge 1.2x` (₹245), Cab XL (₹390), payment switcher, and `MONSOON20` coupon.

Hourly Rentals Selection
C07 Mobile 390x844

Hourly Rentals Selection

Hourly package selector chips (1 hr/10km, **2 hrs/20km** selected 'MOST POPULAR', 4 hrs/40km, 8 hrs/80km), vehicle classes (Rental Mini ₹499, Sedan ₹649, SUV ₹1,099), overtime rate disclosures, and value proposition card.

Outstation Rides Booking
C08 Mobile 390x844

Outstation Rides Booking

Segmented trip mode toggle (**One-Way** vs Round-Trip), inter-city route connector (Delhi NCR ➔ Jaipur, 260 km, 4h 30m), departure date/time picker, Outstation Sedan (₹3,499 flat) & SUV (₹5,199), and driver night allowance guarantee.

Airport Transfer Booking
C09 Mobile 390x844

Airport Transfer Booking

Terminal selector pills (T1, T2, **T3 Intl & Domestic** active), flight number tracker (`AI 102 • Landed ETA: 18:45 • 45m free wait`), luggage capacity guide (`👥 6 Seats • 🧳 4 Large Bags`), and flat airport fare guarantee.

Schedule Ride for Later
C10 Mobile 390x844

Schedule Ride for Later

Guaranteed driver assignment banner, horizontal calendar date strip (`Tue 9 Sep`), 15-minute scrollable time slots (`07:30 AM`), route summary card, and 30-min free cancellation policy.

Finding Your Driver
C11 Mobile 390x844

Finding Your Driver

Real-time pulsing radar dispatch screen, linear glowing emerald progress loader, ETA snippet (`~3 mins after match`), and red ghost `✕ Cancel Search` action.

Driver on the Way
C12 Mobile 390x844

Driver on the Way

Real-time approaching car map with live ETA (`🟢 Arriving in 3 mins • 0.9 km`), **bold 4-digit Start Trip OTP (`OTP: 4892`)**, driver identity (Rajesh Kumar 4.94★) & car plate (`HR 26 DQ 8841`), masked call, in-app chat, and trip sharing.

Live Trip In-Progress
C13 Mobile 390x844

Live Trip In-Progress

Live GPS navigation polyline, remaining telemetry (`🟢 14 Mins • 6.2 km`), live speed indicator (`48 km/h`), floating `🚨 SOS` button, and audio trip recording badge.

Trip Receipt & Invoice
C14 Mobile 390x844

Trip Receipt & Invoice

Celebratory "You Have Arrived!" banner, total fare (`₹185.00`), UPI payment reference, itemized fare breakdown (base, distance, time, state tax, GST, promo discount), driver tip chips (`₹20`, `₹50` selected, `₹100`), and 5-star rating.

Driver Rating & Feedback
C15 Mobile 390x844

Driver Rating & Feedback

5 Glowing Amber Gold stars (`Excellent 5.0`), compliment badges (Clean & Sanitized Cab, Smooth & Safe Driving, Polite & Professional), custom tip selection, and review text input.

Your Trips Activity
C16 Mobile 390x844

Your Trips Activity

Segmented tabs (Past Trips, Scheduled, Cancelled), ride history ledger with route badges, vehicle type, fare paid, `Receipt (PDF)` download, and one-tap `Book Again` button.

Wallet & Payments Hub
C17 Mobile 390x844

Wallet & Payments Hub

Hero balance card (`₹1,250.00`) with Electric Emerald glow, top-up preset chips (`+ ₹200`, `+ ₹500`, `+ ₹1,000`), saved UPI accounts (GPay default, PhonePe), saved Visa/Mastercard cards, and color-coded transaction history.

Safety Toolkit & SOS Hub
C18 Mobile 390x844

Safety Toolkit & SOS Hub

Pulsing vivid Crimson **Emergency SOS Button (`🚨 PRESS & HOLD 3s FOR POLICE 112`)**, 2x2 active safety grid (Share live trip, Audio trip recording, 4-digit PIN lock, 24/7 Helpline), and Trusted Emergency Contacts manager.

Driver Onboarding & City
D01 Mobile 390x844

Driver Onboarding & City

Partner welcome, Operating City selector (`Delhi NCR ▾`), vehicle category choice cards (Cab Partner ₹45k/mo, Auto Partner ₹32k/mo, Bike Partner ₹24k/mo), and referral bonus field (`PARTNER500`).

KYC Verification Wizard
D02 Mobile 390x844

KYC Verification Wizard

4-Step horizontal progress stepper, **Fast-Track DigiLocker API integration card**, checklist of required documents with status (Driving License verified, Aadhaar verified, PAN card upload required, Selfie pending).

Vehicle Registration & RC
D03 Mobile 390x844

Vehicle Registration & RC

License plate input (`HR 26 DQ 8841`), vehicle model selection (Maruti Dzire Tour), fuel type (CNG + Petrol), VAHAN verified badge, and Commercial Tourist Permit upload camera box.

Application Under Review
D04 Mobile 390x844

Application Under Review

Glowing radar inspection animation, 4-step vertical verification pipeline (DigiLocker checked, License verified, Vehicle RC under review), and 24/7 WhatsApp partner support helpline.

Driver Partner Operations
D05 Mobile 390x844

Driver Partner Operations

Glowing **Online/Offline slider switch** (`YOU ARE ONLINE`), interactive city map with Amber surge heatmaps (`🔥 1.5x Cyber City`), shift telemetry (₹2,140 net, 8 trips, 5.4h online, 96% acceptance), and Daily Quest bonus milestone tracker.

New Ride Request Alert
D06 Mobile 390x844

New Ride Request Alert

Full-screen urgent dispatch overlay with **WebGL 15-second animated countdown ring**, clear earnings display (`₹285.00` with surge multiplier), pickup/drop telemetry, verified passenger snippet, and giant `ACCEPT RIDE ➔` button.

Pickup & Start Trip
D07 Mobile 390x844

Pickup & Start Trip

Top turn-by-turn direction banner (`In 250m, Turn Left`), live navigation map, passenger contact hub (masked call & chat), **4 discrete numeric PIN entry boxes (`[ 4 ] [ 8 ] [ 9 ] [ 2 ]`)**, and `SLIDE TO START TRIP ➔` slider.

Customer OTP Entry Pad
D08 Mobile 390x844

Customer OTP Entry Pad

Arrived at pickup confirmed card, 4 large monospace emerald PIN boxes (`[ 4 ][ 8 ][ 9 ][ 2 ] • OTP MATCHED`), dedicated touch numeric keypad (`1 2 3 ... C 0 ⌫`), and `SLIDE TO START TRIP ➔➔➔` slider.

En Route Navigation to Drop
D09 Mobile 390x844

En Route Navigation to Drop

Turn-by-turn instruction card (`In 350m, Turn Right onto MG Road / NH-48`), live speed gauge (`54 km/h`), auto-toll notice (`₹65 covered`), and full-width `SLIDE TO END TRIP AT DESTINATION ➔➔➔` action.

Trip Summary & Cash Settlement
D10 Mobile 390x844

Trip Summary & Cash Settlement

High-visibility Amber operational alert: **`💵 COLLECT CASH FROM PASSENGER: ₹285.00`**, driver net payout calculation (Gross ₹285 + Surge ₹45 - Fee ₹42.75 = ₹284.40), passenger rating stars with compliment chips, and ready CTA.

Driver Earnings & Incentives
D11 Mobile 390x844

Driver Earnings & Incentives

Daily/Weekly/Monthly switcher, net take-home hero card (`₹2,424.40`) with instant cashout button, gamified 3-tier Daily Quest incentive tracker, hourly shift earnings bar graph, and recent trip ledger.

Driver Wallet & Instant Payouts
D12 Mobile 390x844

Driver Wallet & Instant Payouts

Massive withdrawable balance card (`₹4,850.00`) with instant cashout CTA, linked settlement accounts (HDFC Bank & UPI), weekly automated transfer schedule, and detailed transaction ledger with platform commission deductions.

Performance & Tier Status
D13 Mobile 390x844

Performance & Tier Status

Gold Partner Tier badge (`🌟 4.94 ★` based on 2,840 ratings), 97.2% acceptance rate, 1.4% cancellation rate, reduced commission perks (12% vs 15%), and customer compliments breakdown.

Partner Support & Disputes
D14 Mobile 390x844

Partner Support & Disputes

24/7 Driver Roadside Helpline, Fare Review & Toll Dispute tickets, Passenger Lost & Found item reporting portal, and payout inquiry management with instant status tracking.

City Operations Command Center
A01 Desktop 1440x900

City Operations Command Center

Dark-mode command dashboard: Top KPIs (142 Active Rides, 438 Online Drivers, ₹4,82,650 Gross Revenue, ₹72,397 Commission), **Real-Time Vector Fleet & Geofence Map** with live drivers and surge polygons (Cyber City 1.5x, Airport 1.3x), Hourly demand/supply chart, and Live dispatch event feed with SOS alert banner.

Driver KYC Verification Center
A02 Desktop 1440x900

Driver KYC Verification Center

Two-column inspection suite: Left column queue (18 Pending, 1,420 Approved), Right column detailed inspection drawer: High-res zoomable preview of Driving License, parsed OCR fields table (Match 100%), DigiLocker validation tag, officer verification checklist, and action buttons (`Request Re-upload` / `Approve & Activate Driver ➔`).

Live Ride Dispatch & Emergency SOS Monitor
A03 Desktop 1440x900

Live Ride Dispatch & Emergency SOS Monitor

Real-time dispatch console with prominent **Urgent Crimson SOS Alert banner**, active vehicle status breakdown (142 active, 48 en route, 75 on trip), live GIS tracking map with route deviation detection, driver telemetry (speed, phone battery, 5G signal), and direct Police 112 dispatch action.

City Geofencing & Surge Zone Polygon Editor
A04 Desktop 1440x900

City Geofencing & Surge Zone Polygon Editor

Interactive GIS polygon drawing environment: Geofence zones list (Cyber City 1.5x, IGI Airport FIFO queue, Old Delhi restriction), interactive map with draggable polygon anchor nodes, polygon drawing toolbar, and zone properties inspector (surge multiplier sliders & vehicle eligibility toggles).

Dynamic Pricing & Fare Matrix
A05 Desktop 1440x900

Dynamic Pricing & Fare Matrix

City-wise fare configuration engine: Dense data table across 5 vehicle classes (Bike, Auto, Mini, Sedan, SUV) controlling Base fare, Included km, Per km rate, Per min rate, Night surcharge %, Waiting charges, and Platform Commission %. Bottom automated surge multiplier sliders (Supply ratio threshold & Max surge cap).

Promotions & Referral Engine
A06 Desktop 1440x900

Promotions & Referral Engine

Marketing and coupon campaign command: Top campaign ROI metrics, dense campaigns table (`MONSOON20`, `AIRPORT100`, `OUTSTATION300`, `FIRSTTRIP`), redemption limits, service applicability, and driver/customer referral program bonus configurations.

Global Platform Command
S01 Desktop 1440x900

Global Platform Command

Enterprise master overview: Platform Gross GMV (`₹38,42,900/day`), Net commission (`₹5,76,435`), 3,840 active fleet across 4 regions. **Multi-City Leaderboard Table** comparing Delhi NCR, Bengaluru, Mumbai, and Hyderabad. Real-time third-party API health monitor (Google Maps API quota, Razorpay Gateway 99.99%, Twilio/MSG91 OTP, Firebase Push).

Role & Permissions Management (RBAC)
S02 Desktop 1440x900

Role & Permissions Management (RBAC)

Enterprise RBAC matrix: 5 platform roles (Super Admin, City GM, KYC Officer, Safety Dispatch Lead, Support Specialist), granular module permissions grid (GPS tracking, KYC activation, pricing override, SOS intervention, payouts), and full audit logging trail.

Fraud & Risk Monitoring Center
S03 Desktop 1440x900

Fraud & Risk Monitoring Center

Automated threat detection console: GPS Spoofing / Mock Location alerts, suspicious cancellation loops, promo code stacking / device clone blocks, real-time investigation queue with instant account freeze actions, and automated AI heuristic rules.

Platform Settings & Integrations
S04 Desktop 1440x900

Platform Settings & Integrations

Global master infrastructure hub: Google Maps Platform API quotas, Razorpay/Cashfree payment gateway webhooks, Twilio/MSG91 SMS routes, Firebase Cloud Messaging push, PostGIS spatial DB health, 5% GST tax rules, and master emergency maintenance mode switch.