top of page

Web Redesign

Forever Home Dog Rescue

Screen Shot 2019-07-09 at 15.13.15.png

Timeline April 2019 - June 2019 (10 weeks)

My role UX Designer

Method & Tool Figma

Team 

Jessie Biondo (Product manager)

Jenny Lee(UX Researcher) 

Kirti Kumari (UX Researcher) 

Bobo Xu (UX Designer)

Target user Potential dog adopters, fosters, and volunteers

Project Background

Our client Forever Home Dog Rescue (FHDR) is a network of foster homes and does not have a physical location. The whole rescue network is community-based. They do behavioral testings before sending the dogs to foster and they are also responsible for getting dogs not only vetted and current on vaccines but also healthy before putting them on the adoptable list. They advocate for every dog and they’re committed to finding each dog their best fit. 

Key issues on the current website

CHome.png
CV&F.png
Cevents.png
Project Background

Our goals FHDR wants to achieve from redesigning

We kicked off the project some initial research methods to collect users’ needs and requirements. I interviewed with stakeholders and did a competitive analysis.

FHDR.png
Research

Research

After initial research, we came up with three personas, primary focus on the adaptor, then foster and volunteer as the secondary persona.

adopter
foster
volunteer

Since their current website is confusing and not clear about the adoption process and event page. we used the card sorting method to come up with an updated information architecture to clarify the process. 

AI.png
Screen Shot 2019-07-10 at 11.38.51.png

Keeping the goal and new information architecture in mind, we conducted an iterative design process to prototype both paper and digital versions, then evaluated with users. 

Paper Prototype

Group ideation

User testing

Prototype and Evaluation

Prototype and Evaluation

Mid-fidelity prototype

Findings from usability testing

findingINtest.png

Final Design Walk Through

Original

11.png

Current

11a.png
  • Simplified the way to find "Available Dogs".
  • Put "Available Dogs" on their website.

22.png
Screen Shot 2019-07-10 at 22.33.41.png
  • Bring dogs available onto FHDR site and include filters that would help potential adopters find their forever dog. 

33.png
33a.png
  • Build adoption application form on FHDR site with confirmation page once submitted that includes next steps. 

77.png
66a.png
  • Changed the format and clear the title.

77a.png
  • We provided supporting information to connect events with the adoption process.

  • Having the options on "how to adopt" makes it clear to someone who doesn't know.

55.png
55a.png
  • Having form similar to the adoption application that is built into the site and provide a confirmation message would alleviate potential fosters from having to take action between now and complete a foster application.

44.png
44a.png
  • Use "Get Involved" in the main menu and include Volunteer and Foster within that.

  • Volunteer opportunities could be elaborated on with more opportunities, including commitment, location, and timing. 

Final Design Walk Through

Reflection

Design

Color palette:

Primary colors

Orange = happy, blue = trust

color.png

Secondary colors

We kept their color on the current website.

color1.png

Font:

Raleway & Raleway

It is not rigid like a serif, but it's serious enough to have credibility.

What would we do differently?

• Reviewed Wix capabilities/limitations during the research phase.

• Brought in engineering for review of research and discussion of IA.

• Requested an introduction to FHDR's photography contact.

• Explored additional options to save applications for later and "favorite" dogs.

We will continue working on this project to include engineering work on filtering and bring applications onto Wix site and FHDR's photography on-site needs.

Thank you for reading > <

Reflection
bottom of page