Information architecture, user flows, and low-fidelity wireframes for the Phase 1 build (foundation, activity data, calculation engine, one report, AI/OCR hook, verifier portal).
TC-UX-001 · v0.1 STRUCTURAL WIREFRAMES, NO VISUAL DESIGN For UI/UX team, developers & client review
1. Information Architecture
All Phase 1 screens, grouped by role and module. Each leaf node is one wireframed screen further down this document.
Tula Carbon: Phase 1 Information Architecture
Authentication (all roles)
Login Screen 01
MFA Challenge Screen 02
Tenant Selector Screen 03 · multi-tenant users only
Tenant Admin
Organisation Profile Screen 04
Sites & Facilities Screen 05
Reporting Periods Screen 06
Emission Sources Setup Screen 07
Users & Roles Screen 08
Tenant Settings Screen 09
Activity Data (Data Entry / Reviewer)
Activity Data Dashboard Screen 10
Activity Data Entry Form Screen 11
Import: Upload File Screen 12
Import: Column Mapping Screen 13
Import: Validation Results Screen 14
Activity Data Detail / Edit Screen 15
Evidence Attachment Screen 16
AI / OCR (Phase 1 hook)
Electricity Bill Upload Screen 17
OCR Extraction Review Screen 18
Calculations & Results
Run Calculation Screen 19
Results Summary Dashboard Screen 20
Results Drill-Down Screen 21
Emission Factors Reference Screen 22
Workflow & Approvals (Reviewer / Approver)
Submission Queue Screen 23
Review & Approve Screen 24
Approval History Screen 25
Period Lock Confirmation Screen 26
Reporting
Report Builder Screen 27
Report Preview Screen 28
Report Export / Download Screen 29
Verifier Portal (separate surface, scoped access)
Verifier Login Screen 30
Verifier Dashboard Screen 31
Evidence Trace View Screen 32
Verifier Comment / Query Screen 33
System-wide
Notification Center Screen 34
Audit Trail Viewer Screen 35
2. Key User Flows
How the screens link together for the six core Phase 1 journeys. Each step references its screen number in the wireframe section below.
Flow A: Tenant Onboarding
Tenant Admin
STEP 1LoginScreen 01
→
STEP 2Organisation ProfileScreen 04
→
STEP 3Sites & FacilitiesScreen 05
→
STEP 4Reporting PeriodsScreen 06
→
STEP 5Emission SourcesScreen 07
→
STEP 6Invite UsersScreen 08
Flow B: Manual Activity Data Entry & Approval
Data Entry → Reviewer
STEP 1Activity Data DashboardScreen 10
→
STEP 2Entry FormScreen 11
→
STEP 3Attach EvidenceScreen 16
→
STEP 4Submit for Reviewstatus → Submitted
handoff to Reviewer→
STEP 5Review & ApproveScreen 24
→
DECISION 6Approvedor sent back to Data Entry
→
STEP 7Period LockScreen 26
Flow C: Bulk Import via Excel/CSV
Data Entry
STEP 1Activity Data DashboardScreen 10
→
STEP 2Upload FileScreen 12
→
STEP 3Column MappingScreen 13
→
STEP 4Validation ResultsScreen 14
→
DECISION 5Errors found?branch
if errors→
STEP 6Fix in Detail ViewScreen 15
if clean→
STEP 7Submit for Reviewif clean
Flow D: Electricity Bill OCR (Phase 1 AI hook)
Data Entry
STEP 1Activity Data DashboardScreen 10
→
STEP 2Upload BillScreen 17
→
STEP 3AI ExtractionDoc Intelligence runs
→
STEP 4Human ReviewScreen 18: confirm/edit every value
on confirm→
STEP 5Confirmed dataflows into Entry Form
→
STEP 6Entry FormScreen 11, pre-filled
Flow E: Calculation, Results & Reporting
Data Entry / Reviewer
STEP 1Run CalculationScreen 19
→
STEP 2Results SummaryScreen 20
→
STEP 3Drill-DownScreen 21: to source document
→
STEP 4Report BuilderScreen 27
→
STEP 5Report PreviewScreen 28
→
STEP 6Export / DownloadScreen 29
Flow F: Verifier Evidence Trace
Verifier / VVB
STEP 1Verifier LoginScreen 30, scoped access
→
STEP 2Verifier DashboardScreen 31
→
STEP 3Evidence Trace ViewScreen 32: figure to source doc
→
STEP 4Raise a QueryScreen 33, tied to a line item
→
STEP 5Notification sentto Reviewer: Screen 34
3. Screen Wireframes
Structural wireframes only, no colour, branding, or typography decisions. Each screen lists its key actions, what it links to, and build notes tying it back to TC-ARC-001/002.
Module: Authentication
Screen 01: Login https://app.tulacarbon.io/login
https://app.tulacarbon.io/login
Zenith Energy ▾J. Rao ▾
you@company.com
••••••••••
Forgot password?
Sign In
or continue with SSO (Entra ID)
Key actions
Email/password or Entra ID SSO
Redirect logic depends on MFA + tenant count
Links to
→ Screen 02 (if MFA enabled)
→ Screen 03 (if multi-tenant user)
→ Screen 10 (Dashboard, default landing)
Notes for build
Auth via Microsoft Entra External ID per TC-ARC-001
Every action writes to the append-only audit trail with who/when/what/why
Screen 25: Approval History https://app.tulacarbon.io/workflow/history
https://app.tulacarbon.io/workflow/history
Zenith Energy ▾J. Rao ▾
Dashboard
Organisation Setup
Activity Data
Documents & Evidence
Calculations & Results
Workflow & Approvals
Reports
Users & Roles
Settings
Workflow & Approvals › Approval History
Approval History
All Sites▾
FY 2025-26▾
Batch
Reviewed by
Date
Outcome
Comment
#203
S. Iyer
18-Aug-2025
Approved
—
#198
S. Iyer
15-Aug-2025
Returned
Missing evidence for 2 rows
Key actions
Read-only history of all review decisions
Links to
→ Screen 35 (Audit Trail Viewer, full detail)
Notes for build
Summarised view; Screen 35 has the complete field-level audit trail
Screen 26: Period Lock Confirmation https://app.tulacarbon.io/workflow/lock/fy2025-26
https://app.tulacarbon.io/workflow/lock/fy2025-26
Zenith Energy ▾J. Rao ▾
Dashboard
Organisation Setup
Activity Data
Documents & Evidence
Calculations & Results
Workflow & Approvals
Reports
Users & Roles
Settings
Workflow & Approvals › Lock Period
Lock Reporting Period: FY 2025-26
Locking this period makes all approved activity data, calculation results and reports permanently read-only. This cannot be undone. Any further changes require a new adjustment entry in the next open period.