Friend Adoptions

Project Overview

Product

Friend Adoptions is a website for people looking to adopt their next pet.

Time

Jan. 2021 to June 2021

Problem

People wanted a trustworthy website to view potential animals to adopt.

The Goal

Give people an option to see current pets available to adopt on a modern trustworthy looking website.

My Role

I did everything from research and design for the optimal UX/UI experience.

Responsibilites

User research, wireframing, prototyping, accessibility,


User Research Summary

I conducted online interviews and created empathy maps to understand the users I’m designing for and their needs. For example, a primary user group identified through research was working adults and their families who wanted to find their next pet. This user group confirmed initial assumptions about Friend Adoptions potential adopters. Still, the analysis also revealed that trust was not the only factor limiting users from adopting online Other user problems included limited animals available for adoption. For example, many adoption agencies offered only cats instead of reptiles.


User Research Pain Points

Lack of Options

Typical adoption websites don’t have enough different animal options.

Accessibility

Too many outdated hard to see websites on mobile.

Trust

Not enough trust for some adoption places because of bad outdated websites with accessibility issues.


Persona

Problem Statement

Jessica needs a adoption website with diverse options that she can also use on her phone.

user persona

User Journey Map

Going over Jessica’s journey to understand her needs better to make a website with more diversity.

Action Go to website Check available animals Look at application process Download application form or apply online Wait for a response on application
Task List
  1. Go to website
  2. Look around
  3. See if there is a snake
  1. Check what kinds of reptiles besides snakes
  2. See adoption facts about snakes
  3. See adoption facts about all reptiles
  1. See what information is required
  2. See if can fill it out online
  1. Fill out form
  2. Submit form or bring in person
  1. Give current contact information for a quick response
  2. Research supplies needed for possible pet
Feeling Objective Excited about reptile options for adoption Concerned about not enough reptiles Happy to see unique animal options Stressed because can't easily see all animals Excitement at possibilities
Improvement opportunities Try to include reptiles as featured animals to adopt more Expand this to other towns Text about adoption aplication response times Make sure not just to let anybody adopt Include contact number on adoption page

Digital Wireframes

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

home page

A way for users to look at preferred animals

cat page

Low Fidelity Prototype

The low-fidelity prototype connected the primary user flow of building and ordering fancy food so the prototype could be used in a usability study with users. View the Friend Adoptions low-fidelity prototype.

all pages

Usability Study: Paramaters

Study Type:

Unmoderated usability study

Location:

Spain, remote

Participants:

5 participants

Length:

30 minutes


Usability Study: Findings

Ease

People want to adopt pets online

Options

People want more diversity with pet adoptions

Trust

People want a trustworthy pet adoption website


Mockups

There were a few actionable insights I came up with from the usability studies. One of these was adding a featured animal button within the website's home page process to help users save even more time.

Before Usability Study

home page

After Usability Study

home page

The early designs allowed for some functionality, but I added the options to see the animals after the usability study. This change to the design gives users the ability to view available animals in the categories.

Before Usability Study

reptile page

After Usability Study

reptile page

More mockups

home page home page mobile bird page bird page mobile

High-fidelity Prototype

The hi-fi prototype followed the same user flow as the lo-fi prototype, and included the design changes made after the usability study. View the Friend Adoptions high-fidelity prototype.

Accessibility Considerations

I used colors that are accessible in the design.

I used font size that is an accessible font size.

I made clear buttons to use for accessibility.


Takeaways

Impact:

The website made a user journey easier with more options for adopting a pet on mobile and pc. “I love this modern website that clearly wants to give so many different types of animals a home” Joe

What I learned:

While designing the Friend Adoptions, I learned that the first ideas for the website are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the website’s designs.


Next Steps

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Let's Connect

Thank you for your time reviewing my work on the Friend Adoptions app! If you’d like to see more or get in touch, my contact information is provided below.

Email: lauravatcher@gmail.com

Website: https://lauravatcher.com/