top of page

HelloPaws

Objective

HelloPaws is a mobile app concept that will help users interested in adopting a pet be able to search for them. It will show them what pets are available for adoptions near them and where they are located, as well as see some of the pet’s background.

Unmet Needs

Someone interested in adopting a pet but does not know where to start looking.

​

Being informed of a pet’s background and needs before adopting.

Desirable features

Being able to search for pets who are available for adoption and see where they are near the user.

​

Being able to search for specific traits such as age and fur length.

​

Being able to see their background.

Description

Problem

How might we help users search for a pet they want and inform them of the pet’s background and traits?

Target Users

Users that are looking into adopting a pet.

​

Users that want more information about a pet before adopting.

Solution

Description

 Mobile app that will benefit the user in searching for pets that are available for adoption near the user, find where the pet is located and see information on how to contact the shelter, see the pets background and traits, and can search for specific traits users want in a pet.

Process

Persona

Morgan

persona.jpg

They are

Age: 29

Gender: Female

States: Single, no kids 

Living in: Small Apartment   

Wants

Looking for a pet companion.

Searching for an animal shelter.

Frustrations

Not know where to start looking for a pet.

Not knowing the pet's background.

Statement

I'm looking for a pet, a cat or dog, but am having some difficulties with that. I need a pet that would be fine with living in a small space, so maybe a pet that is not so high energy, an older one perhaps. I would not mind having to pay for something like vaccines or neutering but would prefer the pet to already have one or the other. I would also like to be able to get a pet that is near my area so I would not have to drive far. 

Process

Scenario

Morgan is opening the HelloPaws app. The app will ask her to put in a zip code or select current location to find pet shelters near her, she taps current location.

​

Then she is at the home screen. The top part is a greeting, followed by the location they put in, and two buttons next to each other for selecting your preferences for a dog or cat. Then two buttons for finding a dog or cat under preferences. At the bottom are the navigation icons for home and a star for favorites.

​

She looks at the preferences button and taps the cat. It takes her to a page is a list of traits that she can select, at the bottom is a button for apply and clear all. She selects adult and senior in the age section, for fur she selects short, and for medical she selects spayed/neutered. She then taps apply all and is back on the home screen.   

​

On the home screen she taps the button for find a cat. It shows her a list of nearby cats that are available for adoptions with her preferences.

​

She taps the first cat, and it takes her to its profile page where she can see it traits and at which shelter it is in. In the meet them section, she taps on show more and it takes her to a page where she can see the full message. She then taps on show less and is back on the cat’s profile page and taps the star next to its name to put it in favorites.

She taps the back arrow button and goes back to the find cats page, there she taps on the home icon at the bottom of the page and is back on the home screen.

​

She taps on find dog and sees a picture of a young medium sized dog. She selects the preference button. In preference she selects adult and senior for age, small and short for size, spayed/neutered for medical and then apply all and is back on find dogs.

​

She taps the first dog she sees and is taken to its profile page. In meet them she taps show more and after reading it she taps show less. She than taps the star icon next to its name to put it in her favorites.

​

Then she taps the star icon at the bottom and sees the ones she put in her favorites to decide on where to go from there.

Example of features for the app. 

These are the examples of the features that I wanted the app to have before I started to sketch them out. I wanted users to be able to search for specific traits they wanted in a pet and to be able to see the pet's background and where to find them in the pet's profile. 

Example of preference. 

Preference for cats

Age

Kitten (less than 1 year)

Young (1-3 years)

Adult (3-8 years)

Senior (8+ years)

Gender

Female

Male

Fur

Hairless

Short

Medium

Long

Medical

Special Needs

Vaccinations

Spayed/Neutered

Declawed 

Preference for dogs

Age

Puppy (less than 1 year)

Young (1-3 years)

Adult (3-8 years)

Senior (8+ years)

Gender

Female

Male

Size

Small

Short

Medium

Big

Fur

Hairless

Short

Medium

Long

Wire

Curly

Medical

Special Needs

Vaccinations

Spayed/Neutered

 

Example of pet profile. 

Photo of cat/dog

Breed

Domestic short hair

Physical

Age: Adult (3-8 years)

Gender: Female

Fur: Short

Medical

Spayed/Neutered

Vaccinations up to date

Find then at

Name and shelter address, contact information

Sketches

First draft of sketches

For the first draft of sketches I was looking how the apps layout will look like and what goes where.

pg1SK_1v.jpg
pg3Sk_1v.jpg
pg2Sk_1v.jpg
pg4Sk_1v.jpg

Second draft of sketches

For the second draft I was cleaning it up a bit and looking into how to navigate the app, how they would connect to each other.

1pgSk_2v.jpg
3pgSk_2v.jpg
5pgSk_2v.jpg
7pgSk_2v.jpg
2pgSk_2v.jpg
4pgSk_2v.jpg
6pgSk_2v.jpg
8pgSk_2v.jpg
9pgSK_2v.jpg

Zip Code

1_Wire_Zip_Proto.jpg

Wireframes

Made in Photopea

Home

Preference Cat

2_Wire_home.jpg
7_Wire_prefCat.jpg

Preference Dog

8_Wire_prefDog.jpg

Find Cat

3_Wire_findCat.jpg

Cat Profile

5_Wire_catProf.jpg

Cat Show More

10_Wire_ShowMoreCat.jpg

Find Dog

4_Wire_findDog.jpg

Dog Profile

6_Wire_dogProf.jpg

Dog Show More

11_Wire_ShowMoreDog.jpg

Favorite

9_Wire_fav.jpg
Wireframes

Typography  

For the typography I went with the open sans font family and for color I went for a light gray background with back gray text. I also when with a shade of blue for some titles and buttons. 

OS_Bold.jpg

Open Sans Bold for headings, text size 64 px, color black.

OS_Semibold.jpg

Open Sans semi bold for subheadings and buttons, text size for subheading 46 px, text size for buttons 35 px.

OS_Reguler.jpg

Open Sans Regular for content, text size 39 px.  

Pages

Deliver
Made in Photopea

1_proto_Zip.jpg
8_proto_prefDogBlank.jpg
10_proto_ShowMoreCat.jpg
6_proto_dogProfSqUnSt.png
2_proto_home.jpg
3_proto_findCat.jpg
7_proto_prefCatBlank .jpg
5_proto_catProfSqUnSt.png
4_proto_findDogSweet.jpg
4_proto_findDog.jpg
11_proto_ShowMoreDog.jpg
9_proto_fav.jpg
bottom of page