HD Health Equity
The Project ECHO team had a tight deadline to deliver an easy-to-understand document and website. Both contain an EPIS framework, standards, regulatory requirements, case examples, and resources. This document required instructional design, graphic design, web development and original graphics.
This program supports health care organizations in applying quality improvement tools to improve health equity in alignment with the Joint Commission’s National Patient Safety Goal 16.10.01.
The Joint Commission’s standard applies to ambulatory care organizations, behavioral health care, human services organizations, critical access hospitals, and hospitals.
Manage a project that takes draft documents, external framework & resources, and combine it into an instructionally designed document and website.
This project required a collaboration between UNMC staff, external consultants, instructional designers, graphic artists, web developers, and key stakeholders.
The result is a static web app hosted on Azure and hard-copy documents that are distributed to the target audience.
Project Design UI/UX Image CDN Cloud Hosted Graphic Design Instructional Design
Angular Material Angular Bootstrap Azure Static Web Apps
Scope of work
Every design journey starts off with a wireframe of all the requested features and a plan for user flow through the web app.
The Project ECHO team had a tight deadline to deliver an easy-to-understand document and website. Both contain an EPIS framework, standards, regulatory requirements, case examples, and resources. This document required instructional design, graphic design, web development and original graphics.
This final build includes a static web app.
Research
- Source Documents
- Requirements Document
- Design Documents
UX Design
- Wireframes
- Graphic Design
- Instructional Design
Prod Build
- Angular App
- Cloud Hosted
- Responsive Design
Project Deliverables
We gathered the source documents and using instructional designers and graphic artists, we created a plan for the final deliverables. The final deliverables included a static web app and hard-copy documents using the fundamental principles of instructional design.
The hard-copy PDF was a near identical version of the responsive web app. The web app was built using Angular to create a responsive design that could be viewed on any device.
Research & Source Docs
The Project ECHO team had a tight deadline to deliver an easy-to-understand document and website. Both contain an EPIS framework, standards, regulatory requirements, case examples, and resources. This document required instructional design, graphic design, web development and original graphics.
The source documents were meticulously reviewed, and a plan was created to use the content in a web app and hard-copy document.
Design Documents
Every website starts with design documents followed closely by technical design documents. The design documents are used to create wireframes and a plan for the final deliverables.
Design documents are used to make sure we are delivering the right product to the client. The client is a valued partner throughout the development process, and we want to make sure we are meeting their needs and deliver a quality product that meets their expectations.
Final Result & PDF
The Project ECHO team had a tight deadline to deliver an easy-to-understand document and website. Both contain an EPIS framework, standards, regulatory requirements, case examples, and resources. This document required instructional design, graphic design, web development and original graphics.
We used Angular to build the app and Azure static web apps to host the end website. The hard-copy PDF was a near identical version of the responsive web app. The web app was built using Angular to create a responsive design that could be viewed on any device.
Custom Graphics
The Project ECHO team had a tight deadline to deliver an easy-to-understand document and website. Both contain an EPIS framework, standards, regulatory requirements, case examples, and resources. This document required instructional design, graphic design, web development and original graphics.
We used Angular to build the app and Azure static web apps to host the end website. The hard-copy PDF was a near identical version of the responsive web app. The web app was built using Angular to create a responsive design that could be viewed on any device.