top of page
FIONA ANGELINA
Project Scope:
Roles:
Tools:
1 month (November 2021)
UX Research, UX Designer, UI Designer
Google meet, Miro, Adobe XD
Petido
Pet Adopt App
Petido is a mobile app that helps and supports animal adoption and non-profit shelters decicated to improving the lives of homeless animals. With adoption, you will change a homeless animals whole world.
Challenge
Millions of animals are currently in shelter and foster homes awating for adoption. The task was to design an experiences that would help connect people looking for a new pet and help someone looking to adopt the best possible pets for their lifestyle considerin factors which include breed, gender, age, temperament, and health status.
Emphatize Phase
User Research
Started with some brainstorming to explore the topic of the design exercise. After the research, it was clear that people who wanted to adopt animals preferred searching for them online first to get a wide variety of different kinds and get information on them. Those users also loved the importance of having a quick and convenient way to schedule an appoinment with a sheter, so they could visit pet they like.
To understanding more about the users, I conducted user interviews with some people, then turned the interviews into Affinity Mapping to better understand the target user and their needs. A primary user group identified through research where the people were a pet lovers and have pets.
User Persona
After I conducted interviews with some people and did the ‘Affinity Mapping’, I became more familiar with the behavior of the target audience of this application. Then I created 2 fictional personas in order to help me watch the steps users take to accomplish their goals and need, and also to help me to see the opportunity that I can do to improve a better and optimized user experience.
George Tasmania
Experienced Pet Owner
George is a UX Designer living in Jakarta, Indonesia. He is surrounded by people with pets all the time. He is pet lovers and is looking to adopt more pets who would get along with his other pets
Needs/Goals​
​
-
Would love to interact with different types of pets to know if they are a good fit for him
-
Looking for very energetic pet who can always keep his company
-
Would like to donate to shelter to help shelter's financial
28 years old
Pain Points​
​
-
The adoption process is too complicated
-
The amount of information on adoption is overwhelming
-
Worried that animals in shelters have behavioral issues and might be overly aggressive
Clara Tifani
First Time Adopter
20 years old
Clara is a college student living in Bandung, Indonesia. She's a pet lover and want to adopt some pets
Needs/Goals​
​
-
Open to any breed or type of pets as she wanted to save the animals' life rather than a support system where people try o make money off the animal/pets
-
Want to know about pet daily life before she adopt them
-
Want to get more about pet's condition
Pain Points​
​
-
As someone who never owned any pet, feels descriptions of pets include certain codenames only experienced pet owners can decipher
-
Has the impression that information about pets aren't regularly updated and information aren't always accurate
Define & Ideate Phase
How Might We
After I received the main problems from the users based on the interview researches, I offer some solutions to answer their pain points
User Scenario
User attempts to adopt a pet
User attempts to donate
Paper Wireframe Until Lofi Prototype
These are the initial sketches I started with paper wireframe to determine the overall layout at the beginning and start with the features that will be on the homepage and the category. Based on the same sketches from paper wireframe, I immediately created a complete digital wireframe based on user research, before entering usability testing, I ensured to checklist first all the information and goals that can overcome the user's pain points.
Paper Sketch Wireframes
Lofi Wireframes
Lofi Wireframes with Prototypes
Style Guides
Typography
Colors
#389EA3
#FF842F
#FFF4EE
#EDF7F8
Icon app
Hifi Wireframes
Splash & Onboarding Screen
Login / Sign up
After users pass the onboarding screen, they can easily sign up by entering their email address and password, or login via Gmail and Facebook.
Homepage
On this homepage, user can browser through available pets, giving like to pets, and apply filters based on category, breed, gender, and age.
The filter's feature helps user to meet their criteria easier by specify search results.
Pet Details
Pet Photo
Like & Share Button
Detail Information
Message and go to shelter's details
Shelter information
About the pet
Pet Community
Call the shelter
Adoption Process
Fill out the application form
Waiting approval from shelter
Take your new home pet
Shelter Information
User can get shelter's profile, address, message with cvalid and reliable information. The message feature allow user to send message to the shelter trough this app.
User can help shelter by giving a donation to the shelter
Community Page
Account Page
Takeways
Petido made me realize just how difficult it can be to produce an application that you know very little about. For an application that intends to be an all-in-one solution, user interviews could have told me more about our target users priorities for a pet adoption app.
I was a bit nervous to start since I wouldn't have a detailed design brief or an existing design to reference, but I realized that I had a strong understanding of the use context and user goals, since I was designing an app to solve a problem that I was personally facing. I was able to gain my bearings with that in mind, and bolstered my understanding and vision through user flow diagramming. I ended up having a lot of fun working on Petido and relished in the creative freedom I had in designing something completely new. Feel free to play around in the prototype below and let me know what you think.
bottom of page