top of page

PetPals

User Interface Project

A new pet care app for owners to easily track their pets's health, book sitters/daycare, and connect with vets and other pet owners instantly. Petpals offers convenient and reliable care for their furry pals.

PetPals Phone Frame Mockups_edited.jpg

The Process:

Mind Mapping

All the possible features and ideas to be included in PetPals was brainstormed into a clear map that categorized it into smaller categories. Some possible features included a health tracker, pet supply marketplace, personlaized pet profile, and other general pet services.

MindMap.png

Client Research

To gather general information on clients a survey was used including questions such as:

  • How many pets do you own?

  • What kind(s) of pets do you have?

  • How do you keep track of your pet's care?

  • What specific challenges do you face in managing your pet's care?

  • What features would be most useful in a pet care app?

​

Results

From the client interviews, it was learned that a majority of pet owners own dogs with almost half of the potential users owning a singular pet. More than 35+ interviewees agreed that a pet health tracker to track vaccinations, treatments, and weight would be the most beneficial feature for PetPals.

Result1.png
Result2.png

Low Fidelity Wireframes

Low Fidelity Wireframes

Prototype 1: Paper

A paper prototype was made highlighting the most essential features and helped determine which to keep and remove based on user testing.

PaperPrototype.heic

Low Fidelity Wireframes

Lofi Wireframe 1.jpeg
Lofi Wireframe 2.jpeg
IMG_9E48BF83E642-1.jpeg
Lofi Wireframe 3
Lofi Wireframe 5.jpeg

User Flow Chart

This demonstrated all the paths a user could do within the pet care app

Atomic Design

This dives deeper into the atom and molecule design choices that would be included in the next prototype

Color3.png
Color1.png
Color6.png
Color2.png
Color4.png
Color5.png
PetPals Logo 1.png
Property 1=Frame 7.png
Property 1=Frame 8.png
Property 1=Frame 9.png
Property 1=Frame 10.png

High Fidelity Wireframes

Screenshot 2025-02-23 at 6.36.51 PM.png
Screenshot 2025-02-23 at 6.37.24 PM.png
Screenshot 2025-02-23 at 6.37.14 PM.png
Screenshot 2025-02-23 at 6.37.03 PM.png

Iterations Made

​From testing the paper and high-fidelity wireframes some design iterations were made for clearer user understanding:​​

  • Changing the icons to fit better with the overall design

  • Added the feature of being a worker, a pet owner, or both

  • Added more features such as a marketplace 

  • Removed community feature to focus more on the needs of pets 

  • More customization

bottom of page