Thumbnail
Overview
Challenge
Research
The Problem
Ideation
Prototyping
Testing
Reflection

Mississauga Humane Society Redesign

Roles : UX/UI Designer

Duration : 4 Weeks

Overview

For a school group project, we needed to find a non-profit website to redesign. As a dog lover, I suggested we choose the Mississauga Humane Society. The Mississauga Humane Society is dedicated to finding forever homes and loving families for local animals in need.

How can we help them? What problems need to be solved? Let's take a look at their current website.

The Current Iteration of the Website

Current website

Challenge

After conducting a heuristic evaluation, the current website has some issues, including:
  1. Lack of Featured Adoptable Animals : The website does not prominently display adoptable animals on the front page, making it harder for users to find them quickly.
  2. Overwhelming 'Ways to Help' Section : The section dedicated to ways users can help is too large and not intuitive, which can be overwhelming and confusing for visitors.
  3. Inconsistent Colour Scheme : The pages lack consistency in their colour scheme, leading to a disjointed and less cohesive user experience.

Research

My research first centred around the one-on-one interviews would help me understand users' adopting experience and specific issues the website would need to address. Secondly, observe the competitive landscape to understand how other animal rescue websites are addressing similar issues.

As a User Researcher, I want to understand

  1. The process they went through when adopting a pet from the animal rescue community.
  2. Are there any barriers preventing people from adopting a pet on current website?
  3. Why do people choose the website from which they adopt their pets?

Research Methods

1 X 1 interview
6 Interviewees
20 Interview Questions
Interview highlight

Problem

“Users are experiencing confusion in the current website, as most sites typically feature animals in the hero image. This inconsistency has led to uncertainty about the website's credibility among users ”

PainPonit

"

The current website doesn't feature adoptable animals upfront or information about the adoption process which negatively impacts the user experience leading to lower pet adoption rates.

"

Ideation

Let's meet our User Persona: Alex Jo
User Persona
User Task Flow
User Task Flow
Sketch
Sketch

Prototyping

Wireframe
Wireframe

Testing

User Test
User Testing

What's the tester said?

“It was easy to follow and intuitive! Kudos guys!”
"Navigation system was very easy to navigate, the process to adopt was a bit overwhelming but also I understand that a lot of information is needed to submit an adoption application."

What can be improved?

Re-Streamline the adoption application
Comparison
After 1
After 2
Mockup
Mockup 1
Mockup 2
UI Element
UI Element

Reflection

This redesign project has provided me with valuable insights into constructing a new website, focusing on Information Architecture, organizing the structure, and prioritizing content. I subsequently developed a design system to effectively convey the website's tone. In the near future, I aspire to engage with stakeholders, sharing my ideas to contribute towards helping furry friends find their forever families.

Take Away

1 "Have no fear of perfection -- you'll never reach it."
Iterative process will help ensure that the design meets the needs and expectations of both your team and your users.
2 "Never skip User Test"
Users often discover aspects that you hadn't considered. I always look forward to their opinion then apply it back to my design.