Product Design
Playground
Hi I’m Karen
Reporting
What was the business saying?

Development Effort
Impact
Hight Impact
Low Impact
Low Effort
High Effort
Execution
Project
A Task
Remove in MVP Phase
External Data Import
Data Layout Designer
Customized Data Visualizations
Conditional formatting
Scheduled Reports
Interactive Chart Drill-Downs
Cross-Module Data Integration
Advanced Filtering and Grouping
Pivot Table Builder
Basic Reporting actions (Save Draft, Preview, Export, Share, Reuse Edit )
Role-Based Access Control
Report Version History
Real-Time Collaboration on Reports
Automated Report Emailing
Embedded Reports for Third-Party Platforms
Real-Time Data Refresh
What Have We Found from Competitors That Can Bridge Business Objectives and End User Needs?
ICRA: Features and Opportunities
Impact vs Effort Prioritization
KPI: Final Design Elements
Flows, Wireframes, and Whiteboard Section
We started with a high-level Information Architecture (IA) to establish the reporting module's structure, followed by developing user journeys to map the experience across key tasks.This was supported by a dynamic process that combined user flows, detailed wireframes, and notes for feature logic.
The result bridges the gap between flowcharts and wireframes, documenting feature behaviors, user interactions, and logical connections.
This approach ensures a clear, seamless, and intuitive experience for users as they navigate through report creation, customization, and management.
Access Management (Inventory)
Project Managers
Executives
Construction Team Leaders
Compliance Officers
Login(Azure Active Directory Azure AD )
Reports Center
Planner (Gant Chart)
Create Report
Define data source
Select report type
General
Global
Targeted
Chart types
Data Editor
Date range
Report Description
Report Name
Report Layout
Save and Scheduling
Data Builder
Drag-and-drop layout builder
Chart customization options
Advanced filtering tools
Scheduling options for reports
Summary view of report content
Report Preview
Finalized look at report sections and charts
Direct adjustments from preview
Publish Modal
Finalize report distribution
Summary confirmation before publishing
Recipient management for report sharing
Recipient management for report sharing
Options for export formats (PDF/Excel)
Options for export formats (PDF/Excel)
Sending invitations for collaboration
Report Imprint
Customize logos and headers
Add metadata (date, author, version history)
Report Status Management
Categorize reports (Draft, Active, Archived)
Manage accessibility of each report status

UI and Hi-Fi design
Create Modal: Data Source, Report Type

Data Builder: Layout

Data Builder: Settings, Scheduling, and Summary

Data Builder: Data Chart Type Selection






Data Builder: Advance Data Filtering

Publish Modal: Summary, Scheduling, Distribution, Sharing & Invitations


Report Imprint

Take Out
Product Design
Playground
Hi I’m Karen
Reporting
What was the business saying?

Development Effort
Impact
Hight Impact
Low Impact
Low Effort
High Effort
Execution
Project
A Task
Remove in MVP Phase
External Data Import
Data Layout Designer
Customized Data Visualizations
Conditional formatting
Scheduled Reports
Interactive Chart Drill-Downs
Cross-Module Data Integration
Advanced Filtering and Grouping
Pivot Table Builder
Basic Reporting actions (Save Draft, Preview, Export, Share, Reuse Edit )
Role-Based Access Control
Report Version History
Real-Time Collaboration on Reports
Automated Report Emailing
Embedded Reports for Third-Party Platforms
Real-Time Data Refresh
What Have We Found from Competitors That Can Bridge Business Objectives and End User Needs?
ICRA: Features and Opportunities
Impact vs Effort Prioritization
KPI: Final Design Elements
Flows, Wireframes, and Whiteboard Section
We started with a high-level Information Architecture (IA) to establish the reporting module's structure, followed by developing user journeys to map the experience across key tasks.This was supported by a dynamic process that combined user flows, detailed wireframes, and notes for feature logic.
The result bridges the gap between flowcharts and wireframes, documenting feature behaviors, user interactions, and logical connections.
This approach ensures a clear, seamless, and intuitive experience for users as they navigate through report creation, customization, and management.
Access Management (Inventory)
Project Managers
Executives
Construction Team Leaders
Compliance Officers
Login(Azure Active Directory Azure AD )
Reports Center
Planner (Gant Chart)
Create Report
Define data source
Select report type
General
Global
Targeted
Chart types
Data Editor
Date range
Report Description
Report Name
Report Layout
Save and Scheduling
Data Builder
Drag-and-drop layout builder
Chart customization options
Advanced filtering tools
Scheduling options for reports
Summary view of report content
Report Preview
Finalized look at report sections and charts
Direct adjustments from preview
Publish Modal
Finalize report distribution
Summary confirmation before publishing
Recipient management for report sharing
Recipient management for report sharing
Options for export formats (PDF/Excel)
Options for export formats (PDF/Excel)
Sending invitations for collaboration
Report Imprint
Customize logos and headers
Add metadata (date, author, version history)
Report Status Management
Categorize reports (Draft, Active, Archived)
Manage accessibility of each report status

UI and Hi-Fi design
Create Modal: Data Source, Report Type

Data Builder: Layout

Data Builder: Settings, Scheduling, and Summary

Data Builder: Data Chart Type Selection







Data Builder: Advance Data Filtering

Publish Modal: Summary, Scheduling, Distribution, Sharing & Invitations


Report Imprint

Take Out
Product Design
Playground
Hi I’m Karen
Reporting
Meet Project Manager
Age: 30 - 45
Role: Project Manager in Construction and Operations
Profile:
Manages project timelines, resources, and task performance to keep projects on track.
Pain Points:
Meet Team Lead

Age: 28 - 50Role: Team Supervisor or Shift Manager
Profile:
Oversees team performance, shift schedules, and daily task assignments.
Pain Points:
Meet Compliance Officer

Age: 35 - 50Role: Compliance and Safety Specialist
Profile:
Ensures projects meet safety standards, regulations, and legal requirements.
Pain Points:
Meet Executive

Age: 35 - 60 Role: Senior Executive or Decision-Maker
Profile:
Relies on high-level summaries and KPIs to evaluate project performance and make decisions.
Pain Points:
What was the business saying?

Development Effort
Impact
Hight Impact
Low Impact
Low Effort
High Effort
Execution
Project
A Task
Remove in MVP Phase
External Data Import
Data Layout Designer
Customized Data Visualizations
Conditional formatting
Scheduled Reports
Interactive Chart Drill-Downs
Cross-Module Data Integration
Advanced Filtering and Grouping
Pivot Table Builder
Basic Reporting actions (Save Draft, Preview, Export, Share, Reuse Edit )
Role-Based Access Control
Report Version History
Real-Time Collaboration on Reports
Automated Report Emailing
Embedded Reports for Third-Party Platforms
Real-Time Data Refresh
What Have We Found from Competitors That Can Bridge Business Objectives and End User Needs?
ICRA: Features and Opportunities
Impact vs Effort Prioritization
KPI: Final Design Elements
Flows, Wireframes, and Whiteboard Section
We started with a high-level Information Architecture (IA) to establish the reporting module's structure, followed by developing user journeys to map the experience across key tasks.This was supported by a dynamic process that combined user flows, detailed wireframes, and notes for feature logic.
The result bridges the gap between flowcharts and wireframes, documenting feature behaviors, user interactions, and logical connections.
This approach ensures a clear, seamless, and intuitive experience for users as they navigate through report creation, customization, and management.
Access Management (Inventory)
Project Managers
Executives
Construction Team Leaders
Compliance Officers
Login(Azure Active Directory Azure AD )
Reports Center
Planner (Gant Chart)
Create Report
Define data source
Select report type
General
Global
Targeted
Chart types
Data Editor
Date range
Report Description
Report Name
Report Layout
Save and Scheduling
Data Builder
Drag-and-drop layout builder
Chart customization options
Advanced filtering tools
Scheduling options for reports
Summary view of report content
Report Preview
Finalized look at report sections and charts
Direct adjustments from preview
Publish Modal
Finalize report distribution
Summary confirmation before publishing
Recipient management for report sharing
Recipient management for report sharing
Options for export formats (PDF/Excel)
Options for export formats (PDF/Excel)
Sending invitations for collaboration
Report Imprint
Customize logos and headers
Add metadata (date, author, version history)
Report Status Management
Categorize reports (Draft, Active, Archived)
Manage accessibility of each report status

UI and Hi-Fi design
Create Modal: Data Source, Report Type

Data Builder: Layout

Data Builder: Settings, Scheduling, and Summary

Data Builder: Data Chart Type Selection






Data Builder: Advance Data Filtering

Publish Modal: Summary, Scheduling, Distribution, Sharing & Invitations


Report Imprint

Take Out
Product Design
Playground
Hi I’m Karen
Reporting
Meet Project Manager
Age: 30 - 45
Role: Project Manager in Construction and Operations
Profile:
Manages project timelines, resources, and task performance to keep projects on track.
Pain Points:
Meet Team Lead

Age: 28 - 50Role: Team Supervisor or Shift Manager
Profile:
Oversees team performance, shift schedules, and daily task assignments.
Pain Points:
Meet Compliance Officer

Age: 35 - 50Role: Compliance and Safety Specialist
Profile:
Ensures projects meet safety standards, regulations, and legal requirements.
Pain Points:
Meet Executive

Age: 35 - 60 Role: Senior Executive or Decision-Maker
Profile:
Relies on high-level summaries and KPIs to evaluate project performance and make decisions.
Pain Points:
What was the business saying?

Development Effort
Impact
Hight Impact
Low Impact
Low Effort
High Effort
Execution
Project
A Task
Remove in MVP Phase
External Data Import
Data Layout Designer
Customized Data Visualizations
Conditional formatting
Scheduled Reports
Interactive Chart Drill-Downs
Cross-Module Data Integration
Advanced Filtering and Grouping
Pivot Table Builder
Basic Reporting actions (Save Draft, Preview, Export, Share, Reuse Edit )
Role-Based Access Control
Report Version History
Real-Time Collaboration on Reports
Automated Report Emailing
Embedded Reports for Third-Party Platforms
Real-Time Data Refresh
What Have We Found from Competitors That Can Bridge Business Objectives and End User Needs?
ICRA: Features and Opportunities
Impact vs Effort Prioritization
KPI: Final Design Elements
Flows, Wireframes, and Whiteboard Section
We started with a high-level Information Architecture (IA) to establish the reporting module's structure, followed by developing user journeys to map the experience across key tasks.This was supported by a dynamic process that combined user flows, detailed wireframes, and notes for feature logic.
The result bridges the gap between flowcharts and wireframes, documenting feature behaviors, user interactions, and logical connections.
This approach ensures a clear, seamless, and intuitive experience for users as they navigate through report creation, customization, and management.
Access Management (Inventory)
Project Managers
Executives
Construction Team Leaders
Compliance Officers
Login(Azure Active Directory Azure AD )
Reports Center
Planner (Gant Chart)
Create Report
Define data source
Select report type
General
Global
Targeted
Chart types
Data Editor
Date range
Report Description
Report Name
Report Layout
Save and Scheduling
Data Builder
Drag-and-drop layout builder
Chart customization options
Advanced filtering tools
Scheduling options for reports
Summary view of report content
Report Preview
Finalized look at report sections and charts
Direct adjustments from preview
Publish Modal
Finalize report distribution
Summary confirmation before publishing
Recipient management for report sharing
Recipient management for report sharing
Options for export formats (PDF/Excel)
Options for export formats (PDF/Excel)
Sending invitations for collaboration
Report Imprint
Customize logos and headers
Add metadata (date, author, version history)
Report Status Management
Categorize reports (Draft, Active, Archived)
Manage accessibility of each report status

UI and Hi-Fi design
Create Modal: Data Source, Report Type

Data Builder: Layout

Data Builder: Settings, Scheduling, and Summary

Data Builder: Data Chart Type Selection






Data Builder: Advance Data Filtering

Publish Modal: Summary, Scheduling, Distribution, Sharing & Invitations


Report Imprint

Take Out