PUBLISHED ON

22 October 2023

Pet Haven- mobile application

The App designed to connect people looking to adopt a pet with their perfect furry friend, while also making the adoption process easy and enjoyable.

Back

Back

Pet adoption

img

MY ROLE

User Experience (UX) Designer

User Interface (UI) Designer

Design, Prototyping, UI Design

TOOLS

Figma

Adobe Illustrator

Notion

DURATION

3 weeks

Summary

PetHaven mobile app provides a user-friendly database of animal shelters in Lagos, Nigeria, simplifying the search for potential adopters.

It streamlines the adoption process with detailed profiles and direct communication with shelters.

PetHaven helps to connect potential adopters with a wider range of animals and facilitate more successful adoptions..

Cost-effective Solutions: PetHaven offers reduced adoption fees and access to discounted veterinary care and supplies, making pet adoption more affordable.

OVERVIEW

It all started when I visited an animal shelter and saw countless adorable pets in need of a loving home. As an animal lover, I was compelled to do something to help. But I quickly realized that the traditional process of pet adoption was outdated and often confusing.

That's when I had the idea to create PetHaven: a mobile app that would make pet adoption simple, convenient, and enjoyable for everyone involved. This mobile app is designed to connect people looking to adopt a pet with their perfect furry friend, while also making the adoption process easy and enjoyable.

This mobile app is designed to connect people looking to adopt a pet with their perfect furry friend, while also making the adoption process easy and enjoyable.

RESULTS

The final design led to a 40% increase in user engagement, with clients praising the platform’s ease of use and modern look.

Image of pet shelter

img

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.

UX Process

img

Product Challenge

Pethaven faced several challenges:

  1. Many potential pet adopters in Lagos, Nigeria face challenges in finding animal shelters or rescue organizations.

  1. Some potential adopters in Lagos, Nigeria may have limited access to information about pet adoption or may not be aware of the benefits of pet ownership.

  1. The traditional process of pet adoption in Lagos, Nigeria can be time-consuming, inconvenient, and confusing.

  1. Many potential adopters in Lagos, Nigeria may face cultural or social barriers to pet ownership.

Picture of a dog in a shelter

img

Product Solution

The solution involved a holistic approach to rebranding and digital transformation:

  1. PetHaven mobile app provides a user-friendly database of animal shelters in Lagos, Nigeria, simplifying the search for potential adopters..

  1. It streamlines the adoption process with detailed profiles and direct communication with shelters.

  1. PetHaven helps to connect potential adopters with a wider range of animals and facilitate more successful adoptions..

  1. Cost-effective Solutions: PetHaven offers reduced adoption fees and access to discounted veterinary care and supplies, making pet adoption more affordable.

Product image

img

The process

A framework is always needed to come up with a suitable product. I choose to follow the Thinking Approach to guide us throughout the process. This effective process helped us research thoroughly before we dig into the problem and come up with a product solution

Discover

Define

ideate

Wireframe & Prototype

Test The Product

Brand goals

  1. To increase the adoption rate of pets from shelters and rescue organizations

  1. Some potential adopters in Lagos, Nigeria may have limited access to information about pet adoption or may not be aware of the benefits of pet ownership.

  1. The traditional process of pet adoption in Lagos, Nigeria can be time-consuming, inconvenient, and confusing.

  1. Many potential adopters in Lagos, Nigeria may face cultural or social barriers to pet ownership.

Brand goals

img

User goals

  1. PetHaven mobile app provides a user-friendly database of animal shelters in Lagos, Nigeria, simplifying the search for potential adopters..

  1. It streamlines the adoption process with detailed profiles and direct communication with shelters.

  1. PetHaven helps to connect potential adopters with a wider range of animals and facilitate more successful adoptions..

  1. Cost-effective Solutions: PetHaven offers reduced adoption fees and access to discounted veterinary care and supplies, making pet adoption more affordable.

User goals

img

Research Process

To better understand potential users of the PetHaven mobile app, I interviewed 10 individuals. These interviews aimed to gather insights on their experiences with existing pet adoption apps, identify pain points, and gather suggestions for improvement. It became clear that smartphone users are the primary target audience for the app.

UX Process

img

Some of the questions I asked were:

  1. How familiar are you with pet adoption apps?.

  1. What features do you find most important in a pet adoption app?

  1. Have you ever used a pet adoption app before? If yes, which one and what was your experience like?

  1. What challenges or difficulties have you encountered when using pet adoption apps?

  1. Can you suggest any improvements or additional features that you would like to see in a pet adoption app?

User goals

img

Key Insights

Key findings derived from the interview

  1. Some participants were familiar with pet adoption apps, while others were not.

  1. Participants mentioned various pet adoption apps they had used.

  1. Participants mentioned challenges such as limited search filters and outdated pet information.

  1. Participants mentioned features like detailed pet profiles and advanced search filters.

  1. Participants suggested improvements like real-time notifications and better user interfaces.

User goals

img

Empathy map

Empathy mapping helps us understand our users' needs and emotions to create a visually appealing and delightful user experience. By considering what catches their attention, evokes emotions, guides their actions, and communicates the brand's identity, we can design visually engaging and intuitive products that resonate with them.

Empathy Map

img

Competitive Analysis

By conducting a competitive analysis, you can gain valuable insights that help you make informed decisions, refine your business strategy, and stay ahead in the market. It helps you understand the competitive landscape, benchmark your performance, and identify areas for improvement and differentiation

Competitive Analysis

img

User Persona

Creating user personas allows us to better understand our target audience's needs, preferences, and emotions. By identifying their goals, pain points, motivations, and behaviors, we can design products that cater to their specific needs.

User persona

img

User persona

img

User Flow

We have identified the main tasks users will perform in the app and mapped out the steps they will take to complete each task. We have also considered any decision points or alternative paths they may encounter along the way.

User Flow

img

Conceptualization and Sketching

we utilized sketching as a rapid means to visualize and shape the product concept. This allowed us to quickly iterate on ideas, providing a tangible overview of how the product would take form and a rough representation of the envisioned concepts.

sketches

img

Digital Wireframes

By creating digital wireframes, I was able to enhance the visualization of the user experience for the pet adoption app. Incorporating interactivity and animations in the wireframes simulated the end result, allowing for a more immersive and engaging representation of the app's functionality.

I use paper wireframes to test design concepts before investing in digital solutions. It's a quick and cost-effective way to validate ideas and make informed design decisions.

sketches

img

More Digital wireframes

sketches

img

More Digital wireframes

By creating digital wireframes, I was able to enhance the visualization of the user experience for the pet adoption app. Incorporating interactivity and animations in the wireframes simulated the end result, allowing for a more immersive and engaging representation of the app's functionality.

I use paper wireframes to test design concepts before investing in digital solutions. It's a quick and cost-effective way to validate ideas and make informed design decisions.

Digital image

img

Style Guide

We wanted to choose a bright and eye-pleasing color palette and readable front, as the application will be used on all phone sizes.

Style guide

img

Mockups

Based on the insights from the usability studies, I applied the design changes, including a clear navigation system and search and a more straightforward flow.​

I made sure my screen design is based on user research's feedback and findings and being improved upon

mockups

img

Onboarding

Below we will take a look at the most important application screens separately.

When a user signs up the app for the first time, we introduce the benefits and features. that he can use in the application.

onboarding

img

Sign In & Registration

When a user signs up the app for the first time, we introduce the benefits and features that he can use in the application.

Sign In & Registration

img

Homepage

Home screen is the main page of the app. It displays all the important categories. By clicking on the icon to the right, user gets to a convenient menu.

Homepage

img

Adoption process

PetHaven mobile app streamlines the adoption process with detailed profiles and direct communication with pet owners and shelters.

Adoption process

img

Other Screens

Below we will take a look at the most important application screens separately.

Other Screens

img

Results &Outcome

Pet Haven provides a user-friendly and intuitive mobile app in an effort to transform the pet adoption process. Pet Haven guarantees a smooth adoption process for users with streamlined navigation, captivating pet profiles, verified shelter partnerships, personalized recommendations, and social integration. By offering users a quick and fun platform to locate their ideal furry friend, this idea seeks to improve product sales and boost conversion rates For over 30%

Limitations

One potential limitation of the Pet Haven app could be the reliance on accurate and up-to-date information from animal shelters and rescue organizations, as outdated or incomplete data could lead to mismatched pet recommendations and potential user frustration.

Thanks for visiting!

Thanks for visiting!

Thanks for visiting!

Pet Haven provides a user-friendly and intuitive mobile app in an effort to transform the pet adoption process. Pet Haven guarantees a smooth adoption process for users with streamlined navigation, captivating pet profiles, verified shelter partnerships, personalized recommendations, and social integration. By offering users a quick and fun platform to locate their ideal furry friend, this idea seeks to improve product sales and boost conversion rates For over 30%

Contact with us

If you have a project idea in the works or an urge to redefine your brand, let's have a conversation! Your vision, coupled with my design mojo, can turn sparks of creativity into something truly extraordinary. Let's embark on this journey of creative collaboration and bring your ideas to life!

Let's embark on this journey of creative collaboration and bring your ideas to life!

PetHaven-Mobile-app

7 min read

Create a free website with Framer, the website builder loved by startups, designers and agencies.