Figma Wireframe Architecture
1. Global Navigation (Persistent Across All Modules)
Top Bar (Sticky)
- CHLOM Logo (click → Home Dashboard)
- Module Switcher dropdown: WDNS | TLaaS | DLA | LEX
- Search bar with AI-assist suggestions
- Notifications icon (governance updates, license requests, compliance alerts)
- User profile dropdown:
- Account settings
- Fingerprint ID manager
- Billing & subscription
- Logout
Left Sidebar
- Dashboard (overview)
- My Licenses
- Marketplace (LEX)
- Compliance Center
- Governance (DLA)
- Partner Tools
- Help & Support
Footer
- Version tag: Phase 0 Prototype
- Contact link
- Terms & Privacy
2. WDNS – Web3 & Domain Naming System (Module 1)
Main Screens:
- Namespace Search & Register
- Entity Verification
- Namespace Management
3. TLaaS – Tokenized Licensing as a Service (Module 2)
Main Screens:
- License Creation Wizard
- Issued Licenses Dashboard
- License Analytics
4. DLA – Decentralized Licensing Authority (Module 3)
Main Screens:
- Governance Dashboard
- Compliance Scoring
- Policy Voting
5. LEX – CHLOM License Exchange (Module 4)
Main Screens:
- Marketplace Listing
- License Detail View
- Sell / Sub-License Flow
6. Dashboard Overview (Global Landing Screen)
- At-a-Glance Metrics
- Owned licenses count
- Active compliance score
- Marketplace activity
- Governance participation level
- Quick Actions
- Register namespace (WDNS)
- Issue new license (TLaaS)
- Vote on proposal (DLA)
- List license for sale (LEX)
7. Prototype Flow in Figma
We’ll make all main navigation buttons clickable, linking to simulated sub-pages.
- Use realistic data placeholders for licenses, votes, marketplace items.
- Simulate transactions by showing confirmation modals (no blockchain needed for prototype).
- Include hover states, dropdowns, and side panel overlays to make it feel functional.