project: Purrfect mobile app

Purrrfect is a pet diary app for mobile; it is a personal project, which included:

Brand and logo design, UX design, UI design and microcopy.

Purrfect 

is a fun and efficient way to track your cat's health & needs. The app will send you reminders on vet checks, shopping lists, and important dates. You can set your own reminders on any topic. Purrfect is also good for keeping all your cat photos in one folder, and sharing with the world.

Purrfect is especially useful for: new pet owners, people with more than one pet, vet assistants & cat people who love diary apps.

Mobile screens UX design (first drafts)

During the UX design process, I kept a simple and personal approach in mind.

In this plan, the app's main screen (after you signed up & logged in) shows three main categories:

Calendar, Shopping list & Photo album. In addition to them, there's a daily cat quote, and a photo of the month contest. The image is set by Instagram relevant #hashtags and number of likes.

To win the monthly contest, you have to hashtag #purrfectcat

Mobile screens UX/UI design - diary & calendar

When you tap one of the categories, a list rolls down, so you can read, add or edit your notes. 

 

You can either open all the categories at the same time, or choose only one of them.

To add a new note:

1. click the "+" icon

2. type text

3. click "+" again.

To delete a note: swipe the note to either side of the screen.

To edit: tap on the text.

Mobile screens UX/UI design - Shopping List

Since we buy the same pet products every month or so, there is no need to re-enter the list every single time. Instead, once you add an item to the shopping list it becomes a button: Tap the button to check/uncheck an item.

Color code: there are three color categories - pet toys, health & nutrition.

When you add a new item to the list, you can also set a color for it.

To delete a note: swipe the note to either side of the screen.

Paw icon: tap the paw icon to close a list (go back to the previous screen).

Mobile screens UX/UI design - login & main screen

The first screen you'll see is the welcome screen.

It welcomes you personally, to make sure that you're you (log out if you wish to).

At the bottom of the screen, you can see when you last checked the app.

After you logged in, you can choose one of your cats and view the relevant information.

The gift icon means it's Banana's birthday (Mazal Tov!), and that's where you'll see notifications.

Got a new cat? Purrfect. Tap the paw button to create the new diary.

To go back to the login menu from everywhere: tap the app logo.

Mobile screens UI design - Photo Album

Scroll through gallery:

This mode will show up to 20 photos. However, you can add as many photos as you like (they'll be saved in a local folder on your device).

Click an image to view it on full screen. Tap the text to edit the title/date of the image.

To add a new photo:

You can either use the phone camera or upload a picture through the phone gallery.

Color filters will make the photo look more artsy and hipster.

Add a short image title and insert any date.

All ready?

Click submit (the purple strip),

and you're good to go.

 © 2019 by Karen Dabran Johnson