top of page

Pet Help App

Designed for Google's Course:
Designing a User Experience for Social Good using Adobe XD

- 2023

pethelpapp3dmockup.jpg

 The Product: A cell phone app created for people who are having trouble caring for their animals. The app gives advice on behavioral problems, shows were to find pet food pantries or vet clinics, and helps people find pet friendly rentals or domestic violence shelters. 

 

My Role: Sole UX Designer conducting user research, wireframing, mockups as well as creating high & low fidelity prototypes.

 

Challenge: Creating a cell phone app for a people having trouble caring for their pets using Abobe XD. I choose this project because in my city a lot of people move and leave their pets behind or abandon them due to lack of money. 

Goal: Creating a high-fidelity prototype for a pet help app.

 

Starting the Project: Prior to creating the design, I created personas, identified pain points and created a user journey, focusing on empathizing with the user.

Creating the Design: After identifying problems that the users might need to have solved, I created a sitemap and low fidelity paper prototype for the app, before creating a digital wireframe and low fidelity prototype using Adobe XD.

Starting the Project

Personas, Problem Statement, If/Then Statement, Goal Statement,
Storyboard & User Journey

 

 Competitive Audit: Prior to starting the design, I completed a competitive audit of similar organizations to determine how my website could stand out from competitors. You can view the full audit here.

Creating the Designs:

Sitemap
 

sitemap.jpg

Paper Wireframes

paperwireframes_edited.jpg

Digital Wireframes

iPhone 13 mini – Homescreen.jpg

Low Fidelity Prototype
 

Interactive low fidelity prototype can be seen here.
 

Pet Help Ap low fidelity prototype.jpg

Usability Study

 Usability Study: I conducted two usability studies for this project. The first usability study was conducted after finishing the low-fidelity prototypes and a second was conducted after the high-fidelity prototypes were finished. Both studies were moderated studies of five participants, with each interview taking no more than 10 minutes. 

Affinity Diagram
 

Affinitydiagrampetwebsite.jpg

Usability Study Prioritized Insights
 

prioritized insightspet app.jpg

Refining the Design

Organization Information

 2 out of 5 of the participants in the usability study suggested that they wanted to know more about organizations before donating. 1 of 5 participants suggested adding the organization's hours, in case they were interested in adopting a pet. The requested information was added to the organization page.

Additionally, the typo in the menu was fixed and a section for helping the elderly was added to the original design.

High Fidelity Prototype

Interactive high fidelity prototype can be seen here.
 

Pethelpapphomepage.jpg

Accessibility Considerations

accesiblityconsiderations.jpg

What I Learned

 I used webaim for color checking more in this project than previous projects. I also spent a lot of time learning about what fonts, icons and styles could be used with Adobe XD as well as how to recreate elements faster.

Next Steps

Next steps pet help app.jpg
White Structure

Location

Easton, PA

Email

Connect

bottom of page