Purry

App Development

01 Overview

About the Project

“Purry” is a cat habitat tracking app that allows users to track stray or feral cats near their neighborhood. Users can take photos of the cats, add notes about their status, save their current location, and check if they have been Trap-Neuter-Return (TNR).


Tools Used

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe XD
  • Sublime Text

My Role

  • App Developer
  • UX/UI Designer

Time Period

Fall 2020


02 Preliminaries


Why Purry?

“Purry” will let you track the cat population in your community, and record the habitat of each cat. You can also update the cats’ health status, such as if they have been TNR or have been losing weight. “Purry” keeps track of your paw friends and ensure they are always healthy and happy!

03 Research


Target Audience


01

Cat Lovers

Cat lovers can record the cats that live near their neighborhood and use the app as a personal cat tracker.

02

Animal Volunteers

They can be cat volunteers who work at animal shelter organizations and use the app to track the cats' status and record the number of cats.


Persona

After combining all my research findings, I have developed a persona to define users challenges and goals. This is essential for me to identify the user needs and make design decisions.


04 Ideation


IA Map

To get a general representation of my app, I have drawn out an IA map. This helps me understand the flows and features of my application easier.


Wireframes

I then created some wirframes for the app, this helps me understand the app features and the flows more easily.

Brand Style Guide

I developed a brand style guide for the app, and hoping it can express a friendly and warmth tone to the audience.


05 Design


App Features

I then created a database using SQL and developed the app prototype using jQuery, Javascript and PHP. Here are the main features of my app.

01

Cat List Page

The cat list page lists out all the cats that the user records and they can be filtered and sorted easily. Each cat's basic information will be shown on the page, such as the breed and gender.


02

Cat Profile Page

Users can view the detailed cat profile page of the cats they added in the app, including the last seen status of the cat. They can also edit the profile details of the cat or update their status here.

03

Cat Status Page

Users can view the current and previous cat's locations that they pinned previously and view the status and descriptions recorded by the user before.

04

User Profile Page

Users are able to see personal information as well as the achievements they have earned using the Purry app. They will earn different badges when they have tracked a certain amount of cats.


App Prototype

Below is the actual app prototype. Feel free to play around with it.


Previous Project

Food Stats

Next Project

Paws In Love