Scribd
Upload
13 views4 pages

Captain's App Plan

The document outlines a comprehensive UI plan for the Captain's App Admin Dashboard, featuring a login and role selection screen, main navigation, and sections for dashboard, vendors, orders, reports, and settings. Key components include real-time vendor and order management, customizable reports, and role-based access controls. The design emphasizes a clean interface with color-coded signals and interactive elements to enhance user experience.

Uploaded by

usawant1166
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views4 pages

Captain's App Plan

The document outlines a comprehensive UI plan for the Captain's App Admin Dashboard, featuring a login and role selection screen, main navigation, and sections for dashboard, vendors, orders, reports, and settings. Key components include real-time vendor and order management, customizable reports, and role-based access controls. The design emphasizes a clean interface with color-coded signals and interactive elements to enhance user experience.

Uploaded by

usawant1166
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Full-Fledged UI Plan for Captain’s App (Admin Dashboard)

1. Login & Role Selection Screen

Login via mobile/email & OTP

Role-based login (Campus Manager, City Manager, etc.)

Redirects to dashboard with access control

---

2. Main Navigation (Bottom Tab or Side Drawer)

Tabs:

1. Dashboard (Default Landing)

2. Vendors

3. Orders

4. Reports

5. Settings/Profile

---

1. Dashboard (Vendor Overview)

Top Priority Section

Components:

Campus Filter Dropdown (Cluster > City > Campus)

Summary Cards (scrollable):


Active Vendors / Total Vendors

Orders Today

Average Response Time

Acceptance Rate

Unattended Orders Count

Live Vendor Tiles:

Status: Active / Inactive (Color-coded)

Shop Photo + Name

Toggle: Daily Shop ON/OFF

Order Count (Live)

Action Icons: View Details / Contact / Disable

---

2. Vendors Section

Vendor List View:

Search bar (by name, status, zone)

Filters: Active/Inactive, Response Time, Acceptance Rate

Vendor Cards:

Photo + Name

Online/Offline

ON/OFF toggle

Quick Action: Edit, Call, Disable


Vendor Detail Page:

Shop photos, Menu items, Branding

Editable: Name, Pricing, Zones, Hours

Response & Acceptance Metrics

Toggle for Availability (Manual/Scheduled)

Set Custom Campus-based Banners

---

3. Orders Section

Real-time Order Feed

Status Tags: Accepted / Cancelled / Unattended / Escalated

Filters: By Vendor, Status, Time

For each order:

Vendor name

Response time

Delay alerts

Quick Actions: Contact, Escalate

---

4. Reports Section

Audit Trail Reports (Daily, Weekly)

Campus Performance Analytics

Vendor Escalation Summary

Export/Download PDF
---

5. Settings/Profile

Role Info & Permissions

Campus/City Preferences

Notification Settings

Support / Helpdesk Access

---

Other UI Features

Push Notifications: Unattended Orders, Escalations, Vendor Downtime

Color Customization: Campus-specific branding and banners

Role-based Access Controls: Data and feature visibility by role

---

Design Language Suggestions:

Clean, intuitive interface with bold visuals

Use color-coded signals (Green = Active, Red = Alert, Yellow = Low Response)

Interactive cards & modals

Loading states & feedback animations for vendor actions

You might also like