The Art of Website Typography: Best Practices and Tips

Research / Ux / Brand

Transforming Lives Through Responsible Pet Adoption

Read More

The Art of Website Typography: Best Practices and Tips

Research / Ux / Brand

Transforming Lives Through Responsible Pet Adoption

Read More

The Art of Website Typography: Best Practices and Tips

Research / Ux / Brand

Transforming Lives Through Responsible Pet Adoption

Read More

A platform dedicated to promoting responsible pet adoption and supporting animals still awaiting loving homes.

Getting started

Petin is a platform dedicated to promoting responsible pet adoption and supporting animals still awaiting loving homes. Believing in the importance of every animal's life, Petin is committed to facilitating the adoption process and fostering the well-being of pets.

In a world where thousands of animals eagerly await adoption, Petin serves as a comprehensive solution. The platform not only connects animals in search of a home with loving families but also offers the opportunity to sponsor those still waiting for a permanent place.

Each pet on Petin has a unique story and eagerly awaits a home where they can receive love, care, and companionship. Designed to be intuitive and user-friendly, Petin allows users to explore a variety of pet profiles, learn about their needs, and find the perfect companion.

Beyond facilitating adoption, Petin promotes generosity and commitment to the cause. Through donations, Petin provides vital support to shelters and organizations dedicated to caring for homeless animals, ensuring each animal receives the attention and love they deserve while awaiting adoption.

Petin is committed to creating a world where every pet has the opportunity to live a full and happy life. Join the mission to save lives and promote responsible adoption, making a significant difference in the lives of furry friends.

High-level Goals

1.

Targeted Adoption Matching

Develop a system to identify and match individuals who fit the profile for adopting pets, ensuring a high compatibility rate and long-term satisfaction for both the pet and the adopter.

2.

Support for Abandoned Pets

Implement a comprehensive support program for abandoned pets, integrating care, rehabilitation, and sponsorship opportunities to improve their well-being and increase their chances of finding a permanent home.

My Role

I led the Product Design - User Experience (UX) and User Interface (UI) - of this project. I also received constructive feedback from two fellow designers to improve and gain other perspectives on what I was designing. Additionally, this project was presented to the Municipalidad de Buenos Aires as a proposal for implementation across Argentina.

Main Tasks



1. Customers Insights & Ideation
2. Building the Project Vision
3. Planning and scope definition
4. User Interface & Experience
5. Motion & Interactions

Design & Research Tool Kit

Design process

This process followed the principles of design thinking, with a strong focus on maximizing usability as the ultimate outcome. Leading the project, I ensured that every stage was user-centered and aimed at creating the best possible experience for both the pets and their future owners.

Timeline

Animations
Animations

Added subtle animations to enhance user interaction and engagement. Ensured animations were smooth and did not interfere with the usability of the platform.

Added subtle animations to enhance user interaction and engagement. Ensured animations were smooth and did not interfere with the usability of the platform.

UI / UX Design
UI / UX Design

Designed high-fidelity mockups with a focus on a user-friendly interface and engaging user experience. Incorporated feedback from stakeholders, including fellow designers, and ensured the design aligned with Petin’s brand values.

Designed high-fidelity mockups with a focus on a user-friendly interface and engaging user experience. Incorporated feedback from stakeholders, including fellow designers, and ensured the design aligned with Petin’s brand values.

Research
Research

Conducted comprehensive research on pet adoption processes, user needs, and existing platforms. Collected data from shelters, pet owners, and potential adopters to understand pain points and opportunities for improvement.

Conducted comprehensive research on pet adoption processes, user needs, and existing platforms. Collected data from shelters, pet owners, and potential adopters to understand pain points and opportunities for improvement.

Wireframe
Wireframe

Developed low-fidelity wireframes to outline the basic structure and flow of the platform. Focused on creating an intuitive user journey from browsing available pets to completing the adoption process.

Developed low-fidelity wireframes to outline the basic structure and flow of the platform. Focused on creating an intuitive user journey from browsing available pets to completing the adoption process.

UI / UX Design

Designed high-fidelity mockups with a focus on a user-friendly interface and engaging user experience. Incorporated feedback from stakeholders, including fellow designers, and ensured the design aligned with Petin’s brand values.

User-Centric Design

User Persona 1 Approved Profile

Name

Maria Gomez

Age

34

Occupation

Graphic Designer

Location

Buenos Aires, Argentina

Income

$2,000/month

Living Situation

Lives in a spacious apartment

Work Hours

Works from home, 8 hours/day

Travel Frequency

Travels once a year

Family

Married, no children

Garden

No garden, but has a large balcony

Background

Maria is a creative professional who enjoys a stable work-from-home lifestyle. She has a flexible schedule and a comfortable living space, making her an ideal candidate for pet adoption.

Personality

Friendly

Responsible

Caring

Pets Match
Luna

A small, low-energy dog that is comfortable in an apartment setting. Luna is friendly and enjoys lounging.

Milo

An indoor cat that is independent but enjoys occasional playtime. Milo is low-maintenance and perfect for someone with a busy schedule.

Buddy

A medium-sized dog that is sociable and enjoys spending time with people. Buddy is good with families and loves to play, making him a great companion for Maria and her husband.

Whiskers

A calm and affectionate cat that thrives in an indoor environment. Whiskers is adaptable and enjoys both quiet time and interactive play, fitting well with Maria’s lifestyle.

Why Approved

Maria’s stable lifestyle, work-from-home setup, and spacious living environment make her well-suited to provide a loving home for a pet.

User Persona 2 Disapproved Profile

Name

Lucas Martinez

Age

25

Occupation

Sales Representative

Location

Mendoza, Argentina

Income

$900/month

Living Situation

Shares apartment with roommates

Work Hours

10 hours/day, mostly out of home

Travel Frequency

Travels frequently for work

Family

Single, no children

Garden

No garden or balcony

Background

Lucas is a young professional with a demanding job that requires long hours and frequent travel. His living situation is unstable, with roommates and limited space.

Personality

Sociable

Ambitious

But often busy

Pets Match
Why Not Approved

Due to his long working hours, frequent travels, and shared living situation, Lucas cannot provide the stable and consistent care that a pet requires.

User Persona 3 Disapproved Profile

Name

Ana Torres

Age

42

Occupation

Corporate Lawyer

Location

Córdoba, Argentina

Income

$3,000/month

Living Situation

Lives in a house with a small yard

Work Hours

12+ hours/day, often late

Travel Frequency

Travels several times a year

Family

Single, has two young children

Garden

Small yard

Background

Ana is a successful lawyer with a demanding job and significant responsibilities at home. Her work schedule and travel commitments limit her ability to care for a pet.

Personality

Driven

Hadworking

Family-Oriented

Pets Match
Why Not Approved

Due to his long working hours, frequent travels, and shared living situation, Lucas cannot provide the stable and consistent care that a pet requires.

First Touch

Onboarding: An understanding of what Petin is all about

As a Petin UX/UI Creator and Designer, the goal was to ensure that new users immediately grasp Petin's mission of promoting responsible pet adoption and supporting animals in need. It was crucial to create an engaging and informative onboarding experience to retain new users and foster a connection to the brand from their very first interaction.

This initial engagement was designed to build a strong emotional connection and provide personalized content that would enhance their overall experience with the app.

Wireframing

The Wireframe was designed to build the structure and architecture of the information and only then go to visual and interactions.

Colors

The brand’s guidelines for Petin led us to choose a playful and inviting tone. We selected purple, yellow, and pink in various shades, from light to dark, to create a youthful and remarkable brand identity.

Purple was chosen to bring a sense of creativity and compassion, breaking the white background and making the brand stand out.

Yellow adds a warm and welcoming feel to the interface, contrasting beautifully with the illustrations and other design elements.

Pink was included to evoke feelings of love and care, essential emotions for a pet adoption platform.

For text, a much darker variation of purple ensures readability and contrast, achieving appropriate levels of accessibility. These colors work harmoniously to make Petin not only visually appealing but also emotionally engaging, enhancing the overall user experience.

Importance of Onboarding for Petin

The onboarding process is vital as it educates users about Petin's mission and the various ways they can contribute.

By using engaging images and clear messaging, we aim to inspire users to take immediate action, whether that’s adopting, sponsoring, or donating, thereby increasing user retention and fostering a deeper connection to the app’s goals.

Image 1: "Adopt - Easily find your new furry friend"

With the welcoming face of a dog, this screen emphasizes the ease and joy of adopting a pet through Petin. It's crucial to highlight how simple it is for users to find and connect with their perfect pet match. This builds excitement and sets the tone for a user-friendly experience.

Image 2: "Sponsor - Contribute a monthly donation to help a furry friend"

Featuring a cat, this screen explains the sponsorship option, allowing users to make a monthly donation to support animals who are still awaiting adoption. It’s important to showcase how users can make a difference even if they’re not ready to adopt, fostering a sense of community and ongoing support.

Image 3: "Donate - Assist a furry friend with financial resources or supplies"

Returning to a dog's face, this screen highlights the donation option. Users are encouraged to contribute financially or provide supplies, ensuring all animals receive the care they need while waiting for their forever homes. This option broadens the ways users can help, making the app more inclusive for different types of contributors.

Detailed Pet Profiles

On Petin, each pet has a detailed profile designed to help potential adopters get to know their future companions thoroughly. This section is essential for ensuring that every animal finds the perfect home. Below is an overview of how key information about each pet is presented on our platform:


Personality, basic data such as sex, age, height, and weight. You can also request a visit or directly fill out an adoption application.

Supporting Through Generosity

Petin's donation feature is thoughtfully designed to foster generosity and support for animals in need. The donation process is straightforward and secure, allowing users to contribute effortlessly to the well-being of pets still waiting for their forever homes.

Through this feature, users can explore various donation options, understand the impact of their contributions, and see how their support helps shelters and organizations provide essential care. The design highlights transparency and trust, encouraging more people to become involved in this compassionate mission.

Streamlined Treatment Funding

This section features a clear and interactive interface, displaying each pet's required treatments with a progress bar showing the amount needed and raised. This transparency and ease of use ensure donors feel connected and see the direct impact of their contributions, enhancing their overall experience and encouraging more support.

Enhancing User Interaction

At Petin, the user experience is designed to be seamless and engaging, ensuring that every interaction is intuitive and rewarding. From browsing pet profiles to navigating the adoption process, each step is crafted with the user in mind. The platform features an interactive interface that simplifies searching for pets, learning about their stories, and finding the perfect match. By prioritizing ease of use and emotional connection, Petin transforms the adoption journey into a heartfelt and accessible experience for all users.

Typography

Buttons

Icons

Cards

THANK YOU

THANK YOU

THANK YOU

Thank you for being a part of Petin's mission to create a world where every pet has the chance to find a loving home.
Your support, compassion, and commitment make a real difference in the lives of countless animals.
Together, we are building a future full of hope, kindness, and second chances for our furry friends.

Continue Watching

Design is not just how it looks, it’s how it feels.

Thoughtfully crafted experiences that connect, inspire, and make a difference.

Design is not just how it looks, it’s how it feels.

Thoughtfully crafted experiences that connect, inspire, and make a difference.

Design is not just how it looks, it’s how it feels.

Thoughtfully crafted experiences that connect, inspire, and make a difference.