UI / UX Design
Project Control Centre
The Project Control Centre (PCC) is a centralized digital platform designed to provide a unified, comprehensive view and tracking capability for all projects across the upstream, downstream, and gas sectors.
Industry :
Oil & Gas
Client :
Petrohana
Project Duration :
1 year
Year :
2025

1
Project Overview
Target Audience
Target Audience
Primary: Portfolio Directors, Senior Executives, Division VPs (Upstream, Downstream, Gas). Secondary: Project Managers, Finance/Cost Controllers.
Role
Role
UI / UX Design
My Responsibilities
My Responsibilities
Conducted user research (interviews with PMs and Executives), developed Information Architecture and user flows, designed low-fidelity wireframes and high-fidelity prototypes, defined the data visualization strategy, and conducted usability testing.
2
Problem Statement :
Project and portfolio management data across Petrohana's three major divisions (Upstream, Downstream, Gas) is fragmented and resides in disparate legacy systems, leading to a severe lack of holistic, real-time visibility.
This absence of a "single source of truth" results in delayed risk identification, inefficient resource allocation, and excessive time spent by project managers compiling manual status reports.


3
Possible Solution :
To design and implement a centralized, real-time Project Control Centre (PCC) that acts as the single pane of glass for all capital projects.
The solution will focus on a hierarchical data dashboard design, intuitive data visualization for key performance indicators (KPIs), and standardized inputs for project managers to streamline reporting.




4
Project Goal :
Enhance Executive Oversight
Provide senior management with a unified, real-time dashboard to instantly assess the RAG (Red, Amber, Green) status and financial health of the entire project portfolio.
Standardize Data Integrity
Establish a single Information Architecture (IA) and input method to ensure data consistency and reliability across the Upstream, Downstream, and Gas divisions.
Improve Operational Efficiency
Reduce the manual effort and time Project Managers spend on status reporting, allowing them to focus more on project execution.
Enable Proactive Risk Mitigation
Design a clear system for tracking and escalating high-priority risks and issues, enabling leaders to intervene before issues lead to significant project delays or budget overruns.
5
Challenge :
Data Complexity
Challenge: Integrating vast, inconsistent datasets (budget, schedule, resources) from three separate business units and legacy systems.
My Approach: Focused the IA on creating a logical data hierarchy (Portfolio $\rightarrow$ Division $\rightarrow$ Project) and worked closely with data engineers to define the most critical, common KPIs for display.
User Divergence
Challenge: Designing a system that simultaneously meets the high-level needs of the Executive and the detailed, functional needs of the Project Manager.
My Approach: Created two distinct primary views—a visually summarized Executive Dashboard and a detailed, editable Project Manager Module—connected via an intuitive drill-down mechanism.
Data Visualization
Challenge: Communicating complex financial and schedule metrics (e.g., Earned Value Management, Schedule Variance) in a simple, digestible format.
My Approach: Utilized best-practice data viz: Gauge charts for budget consumption, traffic-light indicators for status, and simplified Gantt or Timeline components for schedule tracking.
6
Visual Design :










7
Final Result :
Success Metrics:
Executive Decision Time: Reduced time to access critical portfolio health data from 2 days (manual reports) to real-time. Reporting Time: Reduced the average time Project Managers spent on compiling reports by 45%. User Adoption: Achieved an initial 90%+ user adoption rate among the target audience.
What Was Done:
Delivered a complete, tested design system, including a responsive web application featuring the Executive Dashboard, a Project Detail Module with resource and schedule management tools, and a standardized Risk & Issue Log.
Result:
The Project Control Centre successfully created a "single source of truth" for capital project data at Petrohana, leading to better-informed strategic decisions and improving the forecast accuracy of project delivery times.
Next Steps:
The planned next phase includes mobile optimization for field managers and the integration of a predictive analytics engine to flag potential RAG status changes before they occur.
More Projects

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.
UI / UX Design
Project Control Centre
The Project Control Centre (PCC) is a centralized digital platform designed to provide a unified, comprehensive view and tracking capability for all projects across the upstream, downstream, and gas sectors.
Industry :
Oil & Gas
Client :
Petrohana
Project Duration :
1 year
Year :
2025

1
Project Overview
Target Audience
Target Audience
Primary: Portfolio Directors, Senior Executives, Division VPs (Upstream, Downstream, Gas). Secondary: Project Managers, Finance/Cost Controllers.
Role
Role
UI / UX Design
My Responsibilities
My Responsibilities
Conducted user research (interviews with PMs and Executives), developed Information Architecture and user flows, designed low-fidelity wireframes and high-fidelity prototypes, defined the data visualization strategy, and conducted usability testing.
2
Problem Statement :
Project and portfolio management data across Petrohana's three major divisions (Upstream, Downstream, Gas) is fragmented and resides in disparate legacy systems, leading to a severe lack of holistic, real-time visibility.
This absence of a "single source of truth" results in delayed risk identification, inefficient resource allocation, and excessive time spent by project managers compiling manual status reports.


3
Possible Solution :
To design and implement a centralized, real-time Project Control Centre (PCC) that acts as the single pane of glass for all capital projects.
The solution will focus on a hierarchical data dashboard design, intuitive data visualization for key performance indicators (KPIs), and standardized inputs for project managers to streamline reporting.




4
Project Goal :
Enhance Executive Oversight
Provide senior management with a unified, real-time dashboard to instantly assess the RAG (Red, Amber, Green) status and financial health of the entire project portfolio.
Standardize Data Integrity
Establish a single Information Architecture (IA) and input method to ensure data consistency and reliability across the Upstream, Downstream, and Gas divisions.
Improve Operational Efficiency
Reduce the manual effort and time Project Managers spend on status reporting, allowing them to focus more on project execution.
Enable Proactive Risk Mitigation
Design a clear system for tracking and escalating high-priority risks and issues, enabling leaders to intervene before issues lead to significant project delays or budget overruns.
5
Challenge :
Data Complexity
Challenge: Integrating vast, inconsistent datasets (budget, schedule, resources) from three separate business units and legacy systems.
My Approach: Focused the IA on creating a logical data hierarchy (Portfolio $\rightarrow$ Division $\rightarrow$ Project) and worked closely with data engineers to define the most critical, common KPIs for display.
User Divergence
Challenge: Designing a system that simultaneously meets the high-level needs of the Executive and the detailed, functional needs of the Project Manager.
My Approach: Created two distinct primary views—a visually summarized Executive Dashboard and a detailed, editable Project Manager Module—connected via an intuitive drill-down mechanism.
Data Visualization
Challenge: Communicating complex financial and schedule metrics (e.g., Earned Value Management, Schedule Variance) in a simple, digestible format.
My Approach: Utilized best-practice data viz: Gauge charts for budget consumption, traffic-light indicators for status, and simplified Gantt or Timeline components for schedule tracking.
6
Visual Design :










7
Final Result :
Success Metrics:
Executive Decision Time: Reduced time to access critical portfolio health data from 2 days (manual reports) to real-time. Reporting Time: Reduced the average time Project Managers spent on compiling reports by 45%. User Adoption: Achieved an initial 90%+ user adoption rate among the target audience.
What Was Done:
Delivered a complete, tested design system, including a responsive web application featuring the Executive Dashboard, a Project Detail Module with resource and schedule management tools, and a standardized Risk & Issue Log.
Result:
The Project Control Centre successfully created a "single source of truth" for capital project data at Petrohana, leading to better-informed strategic decisions and improving the forecast accuracy of project delivery times.
Next Steps:
The planned next phase includes mobile optimization for field managers and the integration of a predictive analytics engine to flag potential RAG status changes before they occur.
More Projects

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Nexus Bank Mobile Transformation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
X Fitness Mobile Ecosystem
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Revamp Interface of U Mobile App
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
Product designer
2025
Alpha ABC - Oil & Gas Optimisation
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
UI / UX Design
2025
Streamlined Healthcare for Modern Clinics
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.

Branding
User Research
2025
BTUP Bank App Enhancement
Explore the top design trends for 2024 that will influence web, UI/UX, and branding projects, helping you stay ahead of the curve.