L

Lead to Deal

UI Mockups & Screen Architecture

Version 1.0 · Design for review · August 2026

Phase 1 — Screen Design
💻

Web Portal

Super Admin & Manager · 24 screens

Super Admin & Manager console — login, dashboards, lead & customer management, follow-up monitoring, deals, reports, users, custom fields, notifications, and settings.

P1
Auth & DashboardsW-01–04
P2
Leads & CustomersW-05–09
P3
Follow-ups & DealsW-10–12
P4
ReportsW-13–14
P5
Users, Fields & NotificationsW-15–20
P6
SettingsW-21–24
Open Mockup →
📱

Mobile App

TeleSales Executive · 21 screens

TeleSales field interface — built around one lead, one call, and getting back to the queue. Minimal typing, minimal navigation.

P1
Auth & DashboardM-01–04
P2
LeadsM-05–09
P3
Actions — one tap from Lead DetailsM-10–15
P4
Notifications, Profile & MenuM-16–21
Open Mockup →
📑

Screen Architecture

Full spec · 40 screens documented

The reference document behind both mockups — every screen's purpose, user role, information shown, actions, filters, navigation, and empty/loading/error states.

💻
Web specW-01–24, fully documented
📱
Mobile specM-01–21, fully documented
10×
Fields per screenpurpose, role, actions, filters, states…
Open Document →