UX/UI CASE STUDY

WEBSITE REDESIGN

Invisible Illnesses Inc is a Not for Profit organization based in Western Australia which aims to empower people with invisible illnesses through advocacy, education, and providing a community The redesign of the Invisible Illness website aims to create a more inclusive, accessible, and supportive online platform for individuals living with invisible illnesses.

Project Overview

Goal:

Redesigning the website for invisible illnesses to establish a digitally inclusive and supportive platform, enhancing user accessibility, design, and features to empower individuals with invisible illnesses, fostering a strong sense of belonging and empowerment.

My Responsibilities:

  • User Research (conducting interviews and online surveys)
  • Wireframe and prototyping
  • User Testing and result analysis

Design Process

Design Process we followed to achieve our final outcome

Survey Results

In this survey, 20 participants were interviewed about their experiences with mental health and invisible illnesses. The key results are as follows:

Do you know someone who suffers from a mental health condition?

What is the best way to support invisible illnesses?

How helpful do you find online resources in managing illness and finding support?

100%

Answered ‘Yes’

  • 26.3% Meetups
  • 21.2% Volunteering​
  • 15.8% Donating
  • 10.5% Events
  • 26.2% Other
  • 0% Poor
  • 10% Fair
  • 55% Satisfactory
  • 25% Good
  • 10% Excellent

User Testing

User testing was conducted on the original website togather insights and pain points from users. The key results are as follows:

Most users had issues with the...

Navigation

Accessibility

Design

User found navigation confusing

Users found certain information hard to access.

Design was not aesthetic and made text hard to read.

Navigation

User found navigation confusing

Accessibility

Users found certain information hard to access.

Design

Design was not aesthetic and made text hard to read.

Low/Mid Fidelity Wireframes

Home Page
Volunteers
Donations

User Testing Results

  • Emergency help numbers are not easily accessible and confusing to navigate to
  • Overwhelming amount of emergency contact numbers
  • Lacking addition of general EOI form
  • Place positions in alphabetical order
  • Include a brief description and hours required
  • Include a donation wall
  • Reduce size of donation component so users don’t need to scroll
  • Remove personal information from mandatory fields

High-fidelity Wireframes

Home Page
Volunteers
Donations

Follow Me