skip to content

Living Donor Portal Success Story

Posted on April 24, 2020

A simple and intuitive interface powered by a robust, secure and easy-to-use backend

University Health Network (UHN) approached Inorbital with an innovative and unique idea – to build a portal that would serve to expedite living organ donations. The idea was to provide potential donors with a portal through which they could initiate the process of pre-donating. The portal would serve to streamline and digitize a process that involved a lot of paperwork, administrative overhead, and was difficult to manage. 

Making giving easier Healthcare web design


Objectives

The goal of this project was to increase the amount of living organ donors, retain potential donors by simplifying the process, and manage donors, providing them access to materials they need in order to ensure health post-donation.

Through the living donor portal, pre-donors would be able to access relevant, phase-specific instructions, materials and tools to allow them not only to track their progress through the donation process but also expedite the process by communicating directly with UHN staff and physicians.


Challenges

The challenge of this project was to develop a solution that would facilitate communication between UHN staff and potential living donors as well as previous donors. The system posed a number of challenges as it had to adhere to the strictest security measures as well as integrate with internal UHN systems.  


Scope of Work

Our Approach

The focus of the wireframes was on providing a simple user experience. Our focus was on visually displaying to pre-donors what phase of the process they are in as well as what is to come. From an administrative perspective, focus was on providing staff a way to manage, view and filter all the different types of donors and pre-donors in the system.

Our priority was to simplifying the donation process through the Living Donor Portal. The healthcare portal design reflected a well thought out user experience that provided each user type with the information they are looking for with ease. Understanding how the healthcare portal design changes depending on the user was key in delivering a clean design that would not distract from the purpose of the content or the function of the site.  

 

Patient Directory Wireframe
Patient Page Wireframe
Follow Up Form wireframe
Preliminary Testing Wireframe
Imaging Wireframe
Eval Process Phase 1 Wireframe
Add Donor wireframe
Referral Phase Wireframe
Social Work Mobile Wireframe
Patient Directory Wireframe Mobile
Form Wireframe Mobile
Annual Evaluation Mobile Wireframe
Phase 5 wireframe mobile
FAQ mobile Wireframe

For this project, we extended the wireframe stage of the design phase to make sure that we accounted for the all user types from pre-donor through all five stages of the process to post donation. 

On top of that we plotted and designed the administrative interface through which UHN staff could administer account updates for each donor individually, as well as use the system to data mine information.

 

Annual Evaluation Design
Admin Patient Details Page
Preliminary Testing Design
Social Work Design Stage

We worked to establish a visual design system with a clean aesthetic that wouldn’t distract from the important information of the portal. Since the purpose of the portal was strictly to gather information, the design couldn’t rely on imagery and icons to add interest to the pages. It became an exercise in subtlety, being able to apply AODA compliant colours and font sizes and weights to the website in a way that would help create hierarchy across the variety of information, tables and forms. Overall, the design came together to create a modern AODA compliant web portal for Living Organ Donors.

The healthcare Portal design had two different areas that required their own unique design approach. The Administration portal containing most of the tables and forms needed to be focused with a clean design that highlighted the important elements and forms on the page. The Donor side of the Portal presents the information important to the donor in a simple and concise fashion.

Homepage Mobile Design
Evaluation Process Design Mobile
New Patient Design Mobile

Logo Design

Along with the massive undertaking of building and designing out the portal, we also were tasked with building out the logo and brand. We spent a couple weeks researching, sketching and designing multiple concepts to present to the client. Ulitmately landing on the Final logo below.

The simplicity and also the complexity of the final design was what sold them on it. At first glance you see 2 hearts pointing at each other. Using the universal symbol of a heart to play off the idea of Living Donors. The interesting part of the design is what you don't catch right away, but the hearts also make the shape of a "d" and "p" for the Donor Portal initials. This little addition was what elevated the quality of this concept above the rest and creates a strong brand to build off.

Old Concept of Logo
Old Concept of Logo
Old Concept of Logo
Old Concept of Logo

Results

The Living Donor Portal project was a great success. We exceeded expectations in delivering a product that not only meets the challenging requirements of the piece but also looks clean and is easy to use. 

UHN is currently planning the roll out of the Portal.

 

How Can We Help

Tell Us About Your Project
X
X