Sydney Children's Hospital Network

Website

Project Overview

The Sydney Children's Hospital Network (SCHN) wanted to create a new website that would offer users curated information based on the user's unique medical journey. It would be a platform offering content ranging from medical information to the user's journey to the hospital.

Project Details

Duration: 3 months

Team structure:
• 1 x UX/UI Designer
• 1 x Creative Director
1 x Design Director

My role: For this project I worked alongside my Creative Director, the stages that I was responsible for were:
• Comparative analysis
• Personas
• User journeys
• Empathy mapping
• User flow
• Wireframing
• Prototyping
• Visual design

Children and their families going through a medical journey need more education on their situation to help ease fears and guide them in the right things to do for the medical journey.

The Problem

An educational platform that curates medical information for the user's unique medical journey based on an onboarding process that gain insights about the user's situation.

The Solution

UNCOVERING USER NEEDS
Our team were given a brief by the SCHN client as to the type of product they wanted to create for their medical information platform. We took the points of the brief and then conducted a comparative analysis, looking at other websites and apps that had some of the features we wanted to implement into the SCHN website.

We were also given user research insights from the client to help us empathize and understand the wide range of children and families that are patients of their various children's hospitals. These insights helped us develop 6 personas - 3 primary and 3 secondary personas. Throughout this persona development we tried to understand the user's motivations, needs and pain points with the hospital experience.

The 3 primary personas were based around different use cases that we synthesized from the user research. These use cases were "Planned Experienced/Inexperienced," "Unplanned Experienced/Inexperienced" and "Enquiry" cases. The experience refers to the user's level of experience with the hospital system. We used these personas as our guide for making decisions throughout the rest of the project.

Understand

Having our personas set, our team was able to move on to trying to empathize more with the user by trying to imagine their journey throughout their hospital experience as well as the things that they might see, say, think and feel during the experience. These insights helped guide us into our solution for what type of website we might create.

Understand

DIVING INTO DESIGN
Collaborating with the Creative Director and Design Director, we were able to ideate and sketch out design solutions for a website providing users with curated medical information that was relevant to their unique medical journey. After deciding on a design direction I began creating wireframes using Sketch that we could prototype to test with users and validate our design decisions.

Below are some of the wireframes:

Design

USABILITY TESTING & VALIDATION
Once the initial prototype was complete usability testing was conducted to validate whether what we had created was usable and desirable. Guerrilla style testing was implemented with people in the hospital waiting rooms. Through the usability testing we were able to validate that most of our design solutions were of great use to the participants, who gave us feedback saying that the website would be very useful and would alleviate some of their pain points when it came to the medical journey.After the testing, I went through the process of creating a few different iterations of the visual design based on stakeholder and user feedback.

Below are the final desktop and mobile designs:

Validate

SKY RACING

TRAVEL TRACKER