CASE STUDY / 03
Construction project managementPC + H5 + data wallFull lifecycleProgress & investment

Engineering Project Management SystemLaunchedCONSTRUCTION PROJECT MANAGEMENT

A PC, H5 mobile, and data-wall system for managing government construction projects. Projects move through preparation, approval, construction, and completion. Managers need both a regional overview and the ability to inspect the milestones, documents, construction progress, and investment data of an individual project. PC supports daily management, H5 supports mobile lookup, and the data wall provides a shared overview.

Data-wall interface for the engineering project management system
My role
Sole UI/UX designerDesigned all PC, H5, and data-wall interfacesContributed to prototype reviews, implementation QA, and launch acceptance
Period
Project period: 2023.04–06
Delivered
PC management system launchedH5 mobile experience launchedData wall and its visual guidelines launched
Core capabilities
PC, H5, and visual display for management, lookup, and decision supportContinuous drill-down from regional overview to project detailProject progress and investment data shown together

01 / Business Goals

Make lifecycle progress and investment progress clear at a glance.

The system addresses cross-stage and cross-stakeholder coordination through full-lifecycle project management, structured data, and investment oversight.

01

Cover the full project lifecycle

Connect preparation, approval, construction, and completion so the lifecycle is visible and progress remains controllable.

02

Build lasting digital assets

Create an integrated data platform that captures, aggregates, and analyses project data digitally.

03

Manage investment dynamically

Track investment in real time to support multi-level, multi-dimensional decisions and collaboration across stakeholders.

02 / Interface Overview

One project dataset serves three types of interface.

PC supports daily management, H5 supports mobile lookup, and the data wall provides regional overviews and focused project views.

Relationship between the construction lifecycle and the PC, H5, and data-wall functions

03 / PC Management

PC management: from the regional overview to one project.

Managers can review regional project distribution, progress, and investment data, then enter an individual project to maintain its process and documents.

Document maintenanceProject managementApproval workflowData ledgerPermissions & alerts
PC project overview
PC project map
PC project details
PC project workflow
PC investment management

04 / H5 Mobile

H5 mobile: check project progress anywhere.

The mobile experience retains common functions such as project search and progress review for quick access away from the desk.

Project overviewProject libraryMap searchStage progressInvestment & funding
H5 mobile project management interfaces

05 / Visual Wall

Data wall: review regional projects and investment.

The data wall brings project distribution, construction stages, and investment data together, with drill-down into individual project details.

Regional project overview on the data wall
Individual project details on the data wall
Full project lifecycle on the data wall
Project list on the data wall

Design Highlights

Design highlights

01

Full-lifecycle workflow

Organised preparation, approval, construction, and completion into one continuous flow whose nodes, materials, and states update with the project.

02

Information tailored to three interfaces

PC handles management, H5 enables lookup, and the data wall presents the regional overview and priority projects.

03

High-density management UI

Organised documents, approvals, investment, and alerts across lists, processes, and detail views.

04

Map and investment visualisation

Mapped project distribution and used charts to compare construction progress and investment.