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.

- 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.
Cover the full project lifecycle
Connect preparation, approval, construction, and completion so the lifecycle is visible and progress remains controllable.
Build lasting digital assets
Create an integrated data platform that captures, aggregates, and analyses project data digitally.
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.

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.





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.

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.




Design Highlights
Design highlights
Full-lifecycle workflow
Organised preparation, approval, construction, and completion into one continuous flow whose nodes, materials, and states update with the project.
Information tailored to three interfaces
PC handles management, H5 enables lookup, and the data wall presents the regional overview and priority projects.
High-density management UI
Organised documents, approvals, investment, and alerts across lists, processes, and detail views.
Map and investment visualisation
Mapped project distribution and used charts to compare construction progress and investment.