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

Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Let’s Talk About Your Vision

Let's Talk

Lau Sec Sen

website

lausecsen.com

Email

lausecsen92@gmail.com

Location

Kuala Lumpur

  • LAU SEC SEN

  • UI/UX Designer

  • Design Consultant

  • Framer Expert

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

Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Featured Project Cover Image

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.

Let’s Talk About Your Vision

Let's Talk

Lau Sec Sen

website

lausecsen.com

Email

lausecsen92@gmail.com

Location

Kuala Lumpur

  • LAU SEC SEN

  • UI/UX Designer

  • Design Consultant

  • Framer Expert