Spot

Using design thinking, technology, and your local community to reunite lost and found pets with their families.
Timeline
March 2020 - April 2020
Tools
Adobe XD, Miro
Role
As a product designer, I was responsible for conducting user research, prototyping, design, and assets.

Context

A couple weeks before coming up with the idea for this app, a friend of mine found a lost dog on her way to work who didn't have a collar or any other information that pointed to the owner. We started knocking on doors, hanging up signs, and posting on social media. After a few days of no luck, she ended up taking the dog to a no kill shelter.

Millions of pets are lost or stolen in the US every year. People need a way to find lost pets for pet owners/find the owners of lost pets because looking through neighborhoods and posting on social medias are ineffective.

Research

In order for us to understand our user's needs, wants, habits, and painpoints associated with losing/finding a pet, we created a 7 question questionnaire that had 25 total respondents. We believe that by creating an app to find lost pets for pet owners/find the owners of lost pets, we will achieve less strays on the street and a better community. We will know this to be true when we see 30% of our users report that they found their lost pet with help from our app.

People who lost pets
52%
of people have lost a pet.
36%
posted on social media.
36%
a stranger found their pet.
People who have found pets
76%
of people have found a lost animal.
60%
posted on social media.
32%
of people have seen a stray animal in the past year.

Target audience

Based on findings from my research, I developed user personas for those who have lost a pet and for those who find lost animals. With the two user personas, I tried to empathize with my user base in order to build a user story map.

Anais, 22
Anais lives with her boyfriend and they have a 2 year old collared Shih Tzu. One day her dog went through a hole in the backyard and got lost. She needs a larger group of people to help find her dog since she can't seem to find them in any immediate neighborhoods.
Hannah, 25
Hannah was walking home one night and found a scared and shivering lost cat walking across her path. She is eager to find the owner and post on FB, but she doesn't have a lot of followers and needs her post to have a higher chance of being seen.

Ideate

While gaining insight and an understanding of our two personas, we were able to determine what specific needs should come from the app. We wanted to create a minimal and easy to use accessible design to make sure we are inclusive to all users.

Wireframes

Using the prior sketches, we started to come up with wireframes that would be the guideline to the functionality and visual style of our app. It includes information like what elements will be on each screen, how it's displayed, what information is most important and what call to actions are taken when the user makes a selection.

Interface

The style guide's visual identity is centered around the warm colors of red and beige in relation to alerts and a sense of home. The colors scheme creates a harmonious and simple experience.

Typeface
Color Palette
Primary 1
#d13b17
Primary 2
#efeae3
Primary 3
#7cbdb5
Iconography
Imagery

Testing

After completing the first draft of the high-fidelity wireframes, we did a first round of usability testing. We recieved a lot of great feedback and went back and make those adjustments. Our last step was to do a second round of usability testing to see if we missed anything.

Round 1:
  • Simple and straightforward
  • Easily clickable
  • Too many clicks after joining a squad
  • Had trouble finding a way back home from profiles
  • Thought notifications was to enable them and not view them
  • Had trouble finding out details on stray alerts
  • Doesn’t know what indicates a boosted post
Round 2:
  • Saw name and profile on profile page but confused on where that information is inputed
  • No need to have “write a post” icon on news feed if you can’t create a custom post. Need to report something for it to become a post.

Solution

Using the UI style guide and usability testing results, I started creating high-fidelity mockups. The overall user interface design was kept minimal to ensure users don’t get overwhelmed using the application.

Real-time alerts

Did you see a stray animal on the street, but don't have the ability to go and get them? No problem! Spot gives you the opportunity to give your community real-time alerts of stray animals in your neighborhood.

News Feed

Spot's news feed is a great way to see the lost, found, and reunited pets in your community.

Search Squad

Want to help some neighbors find their missing family member? You can join that pet's search squad and search shelters, review listings, and send alerts to friends and family!

Boost Posts

If you still have not found your missing pet, you have the ability to boost your post for $2. This will put your post back to the top of the news feed for 14 days.

Takeaways

Reflection

This project was a fun and fast paced process. In the beginning, we had a long list of potential ideas and features that we wanted to implement. However, as we went through our research and reviewed our data, we realized we didn't need to have so many features because it might overwhelm the user. Once we got to designing, we started to simplify the app to make it easy to use.

Next Steps

Our next steps would be to prepare the app for the development phase, expand to other areas in Souther California, and eventually other states.