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.
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
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.
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.
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.
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.
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.
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.