Local Government CIP Project Status Application
An automated system that provides easy access to the real-time status of all active Capital Improvement Program (CIP) projects.
Image above: Adobe Photoshop high fidelity mobile view mockup of the application. This rendering shows multiple page screens. Mockups were created using Adobe XD for the application mockup and Adobe Photoshop for the mobile phone rendering.
CIP Project Status Application Overview
Pima County’s Capital Improvement Program (CIP) Project Status Application is an automated system that provides easy access to the real-time status of all active CIP projects. Dashboards and indicators combined with narratives make determination of a CIP project’s real-time status simple. The User Guide presents benefits of and directions for working with the CIP Project Status Application. The User Guide also includes goals, objectives, definitions and principles driving the design of the application.
The IT Development team's goals were driven by user behavior and user psychology. The main goal of the application included alerting project managers and upper management of key indicators that alerted when a project was falling behind. The creative solution would do this in a constructive manner, sparking a conversation between project managers and upper management to get the project back on track. The notification system is expected to catch issues as they become available so that quick decisions can be made to avoid loss of time and money.
The applications colors, alert types, and information presentation all strive to provide information to make data-driven decisions without the stigma associated with projects falling behind. Each project manager can identify the alert types and compare with their project plan to make adjustments and inform their upper management of any issues and potential pitfalls.
Application Benefits
Saving Time and Money
− Fewer steps are required to reach decisions (from +30 steps to less than 10 steps)
− Costs are reduced (minimum $25K to approximately $3K per status assessment)
− Response times are improved (typical 4 weeks versus no time lapse between request for status assessment and dialogue between senior leadership and department about project)
− The number of people involved in the analysis of project status is reduced
− Efficiency improved in decision making process
− Costs are reduced (minimum $25K to approximately $3K per status assessment)
− Response times are improved (typical 4 weeks versus no time lapse between request for status assessment and dialogue between senior leadership and department about project)
− The number of people involved in the analysis of project status is reduced
− Efficiency improved in decision making process
Correctly Identifying Challenges, Options and Solutions
− Information accessibility is increased
− All participants see a common view of the data
− Challenges/obstacles are correctly identified
− Options and opportunities are cooperatively evaluated
− Implemented solutions are effective
− All participants see a common view of the data
− Challenges/obstacles are correctly identified
− Options and opportunities are cooperatively evaluated
− Implemented solutions are effective
Bonuses from Improving Processes
− Expectations are standardized
− Effective solutions are implemented before projects are off track
− Communication between senior leadership and project teams is improved
− Effective solutions are implemented before projects are off track
− Communication between senior leadership and project teams is improved
Image above: One of the first mockups created using Adobe XD. Adobe XD allowed our team to quickly render ideas while keeping the learning curve low as we already use Adobe products, such as Adobe Photoshop and Adobe Illustrator.
Image above: High fidelity mockup of the Enterprise View created using Adobe XD. These renderings and interactive mockups were give to our development team, which made it easy to ensure consistent styling and branding at all stages of the agile development process.
Image above: High fidelity mockup of the Department View created using Adobe XD. These renderings and interactive mockups were give to our development team, which made it easy to ensure consistent styling and branding at all stages of the agile development process.
Image above: High fidelity mockups of different pages created using Adobe XD. These renderings and interactive mockups were give to our development team, which made it easy to ensure consistent styling and branding at all stages of the agile development process.
Image above: UI Branding Kits were created using Adobe XD. We chose to use Adobe XD for this as it was easy to create and print style guides without much effort as we were familiar with tools. In addition, we leveraged Adobe XD to represent our provisional user personas. These personas identified the user types, their needs and website/application requirements. These were give to our development team, which made it easy to ensure consistent styling and branding at all stages of the agile development process, while keeping user type requirements in mind.
