top of page
Why this app should be made?
Many stray animals in Vietnam cannot find homes due to the lack of trustworthy platforms in the market.
This app allows people to find and adopt pets in a convenient and safe way.
Simplifying and securing the pet adoption process
Stray to stay
I am designing an app that can help pet owners find forever homes for their pets
Competitive analysis
User survey
Personas
Wireframes
Prototype
FlowDiagram
High-Fildelity UI
Accessibility evaluation
Where
Ho Chi Minh, Viet Nam
Category
Lifestyle/ Pet Adoptation
What
Native Mobile IOS
Role
Designer, Researcher
Why
Portfolio Project
When
06 - 09/2024
Competitive analysis
I observed and analysed 3 most popular adopting platforms to find the positive and negative aspects of each ones.
App 1:
Pet Search
App 2:
Pet Search
App 3:
Pet Adoption
The positive aspects:
- All apps allow people to search for pets based on their locations.
The negative aspects:
- The app (1, 2) doesn’t allow people to filter by specific criteria to choose their desired pets.
- This app (1,2) doesn’t verify the background of owners, which can cause a feeling of distrust for users.
- The app (3) doesn’t display enough information of pets, which makes it difficult for people to make their decisions.
Problems from the comment
USER SURVEY
I conducted a quick survey for animal lovers using Google Forms to find out the needs of the users.
1/ If you have ever considered adopting a pet, what factors have prevented you from doing so?
Concerns about the adoption process
Lack of resources (time, space, finances)
Concerns about the health or background of shelter pets
Other comment
25%
50%
25%
0%
2/ What features do you generally find most useful in using mobile apps to adopt a pet?
Verification of owner identification
50%
Informative contents
25%
Ease of use
25%
Advanced search filters
0%
Personalized recommendations
0%
Notable comments
The initial research indicates that
Animal lovers need a secure, convenient and customizable way to adopt pets.
PERSONAS
Based on 2 types of users of the app, the owner and adopters, I created
2 personas.
Goals
To create a better world for stray pets
To find a pet that can help her maintain an active lifestyle
To find more like-minded people to help her rescue as more stray pets as possible.
.png)
Finding a trustworthy owner is difficult
The lack of time makes it impossible for her to check all the profile of adoptable pets
The complicated adopting process makes her fell frustrated
Goals
To raise awareness about protecting animals
To find a loving and trusted homes for his puppies
To find a responsible owners who understand the commitments of pet ownership
Finding responsible homes for each individual puppy might take time and effort.
Rehoming pets can be complicated and challenging.
Be worried about falling prey to scams disguised as rehoming requests.
Let's design
After researching competitors and user personas, I sketched out the first flow diagram and initial low-fidelity.
FLOW DIAGRAM
I created a simple flow diagram of main tasks the user can do to outline all the major functionality. One of which is shown below. Because of the limited space, fail state flows are created, but not illustrated.
LOW - FIDELITY WIREFRAMES
After forming the flow diagram, I started creating the low fidelity for some of the users flows.
HIGH - FIDELITY UI DESIGN
Once the low-fidelity was completed, I began to create a couple of the main screens of the app. Firstly, I started to determine the fonts and the colors of the application.
Looks and feel
Leveraging the trending glassmorphism art style and incorporating real pet photos.
I aimed to create a friendly and modern interface that fosters authentic emotional connections with users.
I CREATED 24 HIGH-FIDELITY DESIGNS
With 2 different navigation patterns that could be used for A/B testing in further design stages. I also tested a version with an Aurora-style background on onboarding screens to create a welcoming and fresh look for the app.
ANNOTATION, ALIGNMENT AND GRID
Based on the 8-point grid method, I set the padding for the screen to 32 pixels. Margins within a group are 8 or 16 pixels, and margins between different groups are 24 or 32 pixels.
I also annotated the design by assigning different objectives to distinct parts of the design.
In terms of UX, I incorporated Endowed Progress effect to give people a sense of progress and motivate people to complete the task.
HIGH-FIDELITY PROTOTYPE
After design high-fidelity screens, I connected these designs into a clickable prototype, which allows me to test the app on the first users. The prototype can be live-previewed: [link]
Project summary
During my 1st project, I had a chance to incorporate my UXUI skill into tangible product.
I managed to conduct a quick survey in Google Form, analysis competitors, formed a low-fidelity and eventually turn it into high-fidelity UI. If I had more resources, I wanted to turn it into real application which could help stray pets in need in Vietnam or conducted usability testing on real users to improve the experience of the product.
bottom of page