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  

UHN approached us to build a Living Donor Portal as a means of expediting living donations as well as streamlining and digitizing a process that currently involves a lot of paperwork, administrative overhead, and is difficult to manage.  

The idea of this project was to provide potential donors with a portal in which they will access relevant phase specific instructions, materials and tools to allow them to not only track their progress through the donation process, but also expedite the process by communicating directly with UHN staff and physicians. Once the pre-donor has fulfilled the requirements of the phase or lab results were evaluated, UHN staff would unlock the next phase of donation. Once the donor had completed the donation the system would change user status to donor and they would be presented with post-donation materials, follow forms that would be used to track the health of donors.

Couple Hugging

Challenges

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

Scope of Work

Goals

The goal of this project was to increase the amount of living organ donors. Retain potential donors by simplifying the process. Manage donors and provide them access to materials they need in order to ensure health post donation. 

Wireframes

The focus of the wireframes was on providing simplified user experiences that reduced redundancy. 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 side, focus was on providing staff with a way to manage / view and filter all the different types of donors, pre-donors that are in the system.

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

Design

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

In 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 to all five stages of the process on to post donation.  

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

Establishing a system that added 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/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.

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

The Portal had 2 different areas of that required their own unique designs for. The Admin portal that contained most of the tables and forms needed to be focused on having a clean design that highlighted the important elements and forms on the page. The Donor side of the Portal which is used to present 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