CHLOM TLaaS – UI Wireframe Outline

1. Entry Points & Navigation

Navigation Bar (Persistent Top)

  • Logo & Name: CHLOM TLaaS (click → dashboard home)
  • Main Tabs:
    • Dashboard
    • Create License
    • My Licenses
    • Compliance Center
    • Marketplace (LEX)
    • Analytics
    • Settings
  • User Menu (Right Side):
    • Profile & Account
    • Wallet Connection Status
    • Notifications
    • Logout

Side Panel (Optional – collapsible):

  • Quick Links to:
    • Create License
    • Issue Sublicense
    • Reports
    • Support / Help Center

2. Dashboard (Home)

Sections:

  1. Quick Stats Cards (Top Row)
  2. Recent Activity Feed
  3. Shortcuts Bar

3. Create License – Multi-Step Wizard

Step 1: License Type & Basics

  • Dropdown: Commercial / Non-Commercial / Educational / Custom
  • License Name (text field)
  • Industry (dropdown)
  • Jurisdiction (country/state selector)

Step 2: License Terms

  • Clause Library Panel (select from pre-written templates)
  • Rich-text editor for custom terms
  • Duration (fixed date or perpetual)

Step 3: Pricing & Royalty

  • Pricing model:
    • One-time fee
    • Subscription (monthly/yearly)
    • Royalty-based (% revenue)
  • Royalty recipient list (wallet addresses & split %)

Step 4: Compliance Preview

  • Auto-generated compliance score from DLA
  • Violations warning (if applicable)
  • “View Full Compliance Report” link

Step 5: Final Review & Mint

  • Preview license as human-readable text + JSON schema
  • Auto-generated Fingerprint ID & QR code
  • Confirm wallet address for minting

Post-Creation Screen:

  • Success confirmation
  • Share buttons (QR, link, embed)
  • “Go to License Dashboard” button

4. My Licenses – Management View

Tabs:

  • All Licenses
  • Active
  • Expired
  • Suspended

Table View Columns:

  • License Name
  • Type
  • Compliance Score
  • Expiration Date
  • Revenue Generated
  • Status

Row Actions:

  • View
  • Edit Terms
  • Issue Sublicense
  • Suspend
  • Renew

5. License Details Page

Top Section:

  • License title, type, status badge
  • QR code & Fingerprint ID
  • On-chain transaction hash

Middle Section:

  • Tabs:
    • Terms (human-readable)
    • JSON schema (technical)
    • Compliance log
    • Royalty distribution
    • Transaction history

Bottom Section:

  • Actions:
    • Edit Terms (if modifiable)
    • Transfer Ownership
    • Report Violation
    • Generate PDF copy

6. Compliance Center

Sections:

  • Your Compliance Scorecard (big visual meter)
  • Recent Violations list
  • Pending Disputes
  • DLA Recommendations
  • Submit Compliance Evidence button

7. Marketplace (LEX)

Filters:

  • License Type
  • Price Range
  • Compliance Score
  • Industry

Listing Card:

  • License Name
  • Seller/Issuer
  • Price
  • Compliance badge
  • “Buy Now” button

Listing Details Page:

  • All standard license details
  • Purchase button with wallet connect
  • License preview before purchase

8. Analytics

Charts:

  • Revenue over time
  • Licenses sold vs sublicenses
  • Geographic usage heatmap
  • Top royalty recipients

Reports Section:

  • Download CSV/PDF
  • Schedule automated reports to email

9. Settings

Subpages:

  • Profile & Organization Info
  • Wallet Connection
  • Notification Preferences
  • API Keys (for integrations)
  • Security (2FA, Password)

10. Mobile UI Considerations

  • Hamburger menu for nav
  • Bottom action bar with:
    • Dashboard
    • Create License
    • Marketplace
    • Notifications
    • Profile

Was this article helpful?

CHLOM – TLaaS Functional Specification