CASE STUDY / 03
建设项目管理PC＋H5＋大屏全过程流程进度与投资
建设项目全过程
管理系统已上线CONSTRUCTION PROJECT MANAGEMENT
这是一套用于政府建设项目管理的 PC、H5 和数据大屏产品。项目按准备、审批、建设和竣工四个阶段推进，管理人员既要掌握区域内的项目情况，也要进入单个项目查看节点、资料、工程进度和投资数据。PC 负责日常维护，H5 方便查询，大屏用于集中查看。
- 我的角色
- 唯一 UI/UX 设计师完成 PC、H5 与数据大屏全部 UI参与原型讨论、开发走查和上线验收
- 项目时间
- 项目周期：2023.04—06
- 已交付结果
- PC 管理后台上线使用H5 移动端上线使用可视化大屏上线及大屏视觉规范
- 核心能力
- PC、H5 与大屏的差异化界面设计从区域项目总览进入单项目详情同时查看项目进度与投资数据
01 / Business Goals
让发改项目的全过程进度和投资进度一目了然。
系统围绕项目全过程、数据沉淀和投资管理，解决跨阶段、跨主体的信息协同问题。
贯穿项目全过程
覆盖准备、审批、建设和竣工，让全过程可视，项目进度可控。
沉淀数字资产
建设一体化数据中台，用数字化方式采集、汇总和分析项目数据。
动态管理投资
实时查看投资情况，为多层级、多维度决策和多主体协同提供依据。
02 / Interface Overview
同一套项目数据，服务三类终端。
PC 用于日常管理，H5 用于移动查询，数据大屏用于区域总览和重点项目查看。
03 / PC Management
PC 管理端：从区域总览到单个项目。
管理人员可查看区域项目分布、项目进度和投资数据，再进入单个项目维护流程与资料。
资料维护项目管理审批流程数据台账权限与预警
04 / H5 Mobile
H5 移动端：随时查看项目进展。
移动端保留项目查询和进度查看等常用功能，方便在外快速了解项目状态。
项目总览项目库地图查询阶段进度投资与资金
05 / Visual Wall
数据大屏：总览区域项目和投资情况。
大屏集中展示项目分布、建设阶段和投资数据，并可进入单个项目查看详情。
Design Highlights
代表性设计
全过程流程设计
将准备、审批、建设和竣工整理成连续流程，节点、材料和状态随项目推进更新。
三端信息取舍
PC 负责管理，H5 方便查询，大屏呈现区域总览和重点项目。
高密度管理界面
在列表、流程和详情中组织项目资料、审批、投资和预警信息。
地图与投资可视化
用地图查看项目分布，通过图表比较建设进度和投资情况。