LA Animal Services

Project Overview

Background

Los Angeles Animal Services is one of the largest municipal shelter systems in the U.S., with six shelters serving approximately 60,000 animals annually and responding to 20,000 emergency calls each year involving animals or people in danger. While their stat reports show an overall gradual improvement in finding homes for pets, engaging with the community and spreading awareness, redesigning their website, and refreshing their brand will increase the number of pet adoptions, fosters, volunteers and donations.



 

Objective

To refresh the brand to communicate a more friendly and inviting story that aligns with its mission, values, and vision. In addition to a branding refresh, A responsive redesign of their current website to reduce cognitive load and create an updated and pleasant user experience. 

Research Methodologies Used

  • Competitive Analysis

  • User Interviews

  • Secondary Research

  • Card Sorting

  • User Personas

  • Usability Testing

My Role

  • UX Researcher

  • UX/UI Designer

  • Branding Design

Design Process

Empathize

Competitive Analysis

To begin the initial research phase, I compared similar organizations and their websites to determine industry standards and what users value. Highlighting strengths and weaknesses helped me to understand what is needed to meet the needs of the organization and its users.

Interviewing Users

After exploring how other successful rescue organizations created their web presence as well as conducting market research, I then set out to interview users with experience in fostering, adoption and donating to animal rescue groups.

 

User Needs

 

All participants need to know about the mission and goals of the organization they’re looking to adopt from, volunteer or donate to. All participants need detailed information about prospective pets as well as information about adoption fees and policies.

 

User Wants

 

All participants desire clear photographs and comprehensive filter categories to find a pet to adopt or foster. All participants want clear and prompt communication and transparency with donated funds.

 

Frustrations

 

Motivations

 

2 out of 4 participants cited uncertain pet availability as their primary frustration with searching pets online. Other common frustrations include poor communication, lengthy adoption processes, and vague or no behavior descriptions about the animals.

 

All participants emphasized the importance of a strong web presence and a clear mission when searching for pets to adopt/foster. All participants felt more inclined to browse if the site had comprehensive filter options on the search page. Users were stated they were more likely to donate if the organization had a strong social mediapresence/following and visible community involvement.

Define

Defining the users

After gaining insights from the comparative analysis and user interviews I created two personas based on two main goals when visiting animal rescue sites.

Card Sorting

In order to understand what users might expect from a site’s information architecture and navigation, I conducted a Card Sorting exercise.

OVERVIEW

35 cards, 7 categories
5 participants
Average completion time: 6 Min 21 Sec Completion rate: 100%

OBSERVATIONS

While analyzing the data, I noticed several patterns. Most participants agreed that locations belonged in the About Us category however, participants were unsure where to place Kennel Sponsorship and Programs and Initiatives. The most unanimous categories were locations in the About Us category, animal type in the Adopt category (which included dogs, cats, and rabbits), and adoptable pet search belonging in the adopt category. The organization of these cards tells me that each user has a different perception of where those items fit within the navigation of the site. A possible solution would be to merge some categories within the navigation menu as well as provide further detail about the specific function of the menu item to help the user differentiate between menu items and their prospective tasks.

User Flows

Using the data compiled from user interviews, card sorting, and the personas I created, user flows were created based on user needs.

Ideate

Site Map

Now that I had an idea of what users expect in terms of navigation, The next step was to determine how to improve the information architecture and decrease the overwhelming cognitive load used in the current Los Angeles Animal Services site.

Sketching Wireframes

After building a solid foundational structure, I started sketching possible directions. Examining other nonprofit sites, animal rescue groups, and e-commerce platforms, I explored different design possibilities.

Prototype

Rebranding

In addition to redesigning the design and navigation of the LAAS site, I then aimed at refreshing the brand identity to communicate a friendly yet professional image.

Current Logo

 

Proposed Solution

UI Kit

High Fidelity

Applying my UI kit to the wireframes, I created key screens for the responsive site design.