Pet Help Mobile App
Pet Help App
Designed for Google's Course: Designing a User Experience for Social Good using Adobe XD - 2023
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.
Personas
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.
Sitemap
Paper Wireframes
Low Fidelity Digital Wireframes
Low Fidelity Prototype
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.
High Fidelity Mockups
High Fidelity Prototype
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.