Wireframe: CHLOM Dashboard (Landing Page)

Page Layout:

  • Full-width top navigation bar with logo left, user profile dropdown right.
  • Left sidebar navigation (vertical) with collapsible menu icons and labels for:
    • Licenses
    • Overrides
    • Disputes
    • Users
    • Reports
    • Settings

Main Content Area:

  • Summary Cards Row (4 cards):
    • Total Licenses Issued (with number & icon)
    • Active Overrides (number + alert icon if > threshold)
    • Pending Disputes (number + warning icon)
    • Upcoming Expirations (countdown calendar icon)
  • Recent Activity Feed (below cards):
    • Scrollable list showing recent override events, disputes opened/closed, license creations.
    • Each item with timestamp, user involved, brief action description.
  • Quick Actions Buttons (right side or below feed):
    • Create New License
    • Scan License QR Code
    • Submit Override Dispute
  • Footer:
    • Small status info on API health, ledger sync status, and last update time.

Interaction Notes:

  • Clicking a summary card filters main lists (e.g., clicking Active Overrides shows Override List filtered).
  • Recent activity items link to detail pages/modals.
  • Quick actions open modals or dedicated pages.

Was this article helpful?

Functional Specification and UI Wireframe Outline
Wireframe: Licenses Overview (Phase 3)