top of page
smartmockups_lcag9kuz.jpg

The House Of Bow Meow App.

UX Research | UX Design | Visual Prototype | 2022

01

My Story 

This is a design exercise that I performed when enrolled in a UX/UI course. So I chose the activity that allowed me to demonstrate the largest range of my abilities while also aligning with my own interests. I'm presenting a case study and designing an experience where individuals can find and adopt pets, as well as find recourses for pet care and adoption process.

Client - Project for Practice (No Client)

My Role - UX/UI Designer

Timeline - 5 Weeks , November 2022

Tools - Adobe XD, Photoshop, Principle, Paper-Pen-Pencil 

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

Design Process 

1_33khN9zpFCMWnF8pLqeVTQ (1).jpg

02

The problem

In shelters and foster homes, there are currently countless animals eagerly waiting for adoption. So I plan to create an immersive experience that bridges the gap between individuals searching for a new pet and their perfect companion. My goal is to assist adopters in finding a pet that aligns with their lifestyle by considering factors like breed, gender, age, behavior, and health condition. Moreover, providing comprehensive resources on pet care and adoption, ensures that both the adopter and the animal have the support they need.

03

Goal

The primary purpose is to discover a good fit between a potential adopter and a pet. Assist prospective adopters in finding a pet that matches their lifestyle.Create a completely functioning, informative, and constantly updated application and responsive website listing all available pets. Make it as simple, straightforward, and comfortable as possible for potential adopters to view the dogs at a shelter

04

Understanding the user

● User research

● Personas

● Problem statements

● Competitive audit

● Ideation

Animal shelter-cuate.png

User research: summary

Conducted user interviews to better understand the target user and their needs, which I eventually translated into empathy maps.

After doing research, it became evident that humans who wanted to adopt rescue animals preferred searching for pets online first to have access to a large range of pets and learn more about each.

These users also emphasized the necessity of having an easy way to arrange an appointment with a shelter online so they could view creatures in person. Because shelters are sometimes understaffed and may not always have someone answering the phone, the installation of an online appointment booking system would make the process easier for both pet adopters and shelters.

Who Are The Users 

The House of Bow Meow's major target users is college students and adults who are interested in learning more about rescue pets and adopting them.

Users: Users who already have a pet and are looking for a second one, as well as users who are adopting their pet for the first time.

Shelters: Who wants their pets to be adopted.

Personas

I created four user personas based on the user interviews and survey to help make design decisions:

Google UX Design Certificate - Persona [Template]_page-0004.jpg
Google UX Design Certificate - Persona [Template]_page-0003.jpg
Google UX Design Certificate - Persona [Template]_page-0002.jpg
Google UX Design Certificate - Persona [Template]_page-0001.jpg

Problem statements

Problem statement: Joseph is a busy professional and a cat lover who needs information about the breed available for adoption because he can't discover the ideal pet to fit his lifestyle without the relevant information.

Problem statement: Nivetha is a Productive, busy professional and a dog lover who needs information about the well-being of shelter pets while adopting because don't have to worry about the behaviour or the health of the dog.

Problem statement: Maya is a Web developer who recently relocated to a new city Who needs a friendly cat that is well-behaved and healthy because adjusts to a new city with a friendly companion.

Bullseye Arrow, Business Goals Sign Symbol.png

Pain Points 

I want to make it easy for individuals to adopt shelter animals. The issue is that individuals continue to buy from stores rather than adopt from shelters. Because they lack enough resources and assistance regarding adoption and their procedure. Users believe that restraining dogs are harmed and have behavioural issues.

Solution

toppng.com-innovation-bulb-idea-drawing-icon-800x800.png

Help and support people in finding the appropriate pet for them.

Dispel myths about shelters and shelter animals.

Providing as many resources as possible on pet adoption and pet care.

Conducting training events for users.

 

User Journey Map

I created a user journey map of Nivetha experience using the site to help identify possible pain points and improvement opportunities.

User Journey Map.jpg

Competitive audit

An audit of a few competitors’ products provided direction on gaps and opportunities to address with The House Of Bow Meow App and Responsive website.

1.jpg
2.jpg
3.jpg
4.jpg

Ideation

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on Pet adoption resources and simple adoption process.

IMG-4907.jpg

05

Starting the design

4b112d3692548acc0a9dd9ebffc16b23.jpg

● Paper wireframes

● Digital wireframes

● Low-fidelity prototype

● Usability study

 

Paper wireframes

Next, I sketched out paper wireframes for each screen on my App, keeping the user's pain points about navigation, browsing, and Booking flow in mind. The home screen paper wireframe variations to the right focus on optimizing the browsing experience for users.

Web 1920 – 1.jpg

Digital wireframes

After ideating and drafting some paper wireframes, I created the initial designs for The House Of Bow Meow app. These designs focus on delivering guidance to users to help their ideal pet.

smartmockups_lcbo265x.png
smartmockups_lcbo397t.png
smartmockups_lcbo3tu9.png
smartmockups_lcbr3fqh.png
smartmockups_lcbr4i43.png
smartmockups_lcbr5b5k.png
smartmockups_lcbrlwmc.png
smartmockups_lcbrmosm.png
smartmockups_lcbrtn88.png
smartmockups_lcbo2d5j.png
smartmockups_lcbo3fjx.png
smartmockups_lcbo45if.png
smartmockups_lcbr3n7h.png
smartmockups_lcbr4pj8.png
smartmockups_lcbrkktr.png
smartmockups_lcbrll09.png
smartmockups_lcbrmipn.png
smartmockups_lcbruiky.png
smartmockups_lcbo2kh2.png
smartmockups_lcbo3mc2.png
smartmockups_lcbo4jn9.png
smartmockups_lcbr44gv.png
smartmockups_lcbr542s.png
smartmockups_lcbrkt3w.png
smartmockups_lcbrlr0o.png
smartmockups_lcbrtuye.png
smartmockups_lcbru34f.png
smartmockups_lcbo2v8d.png
smartmockups_lcbo4qhu.png
smartmockups_lcbo4qhu.png
smartmockups_lcbr3vn8.png
smartmockups_lcbr4wo2.png
smartmockups_lcbrl9gk.png
smartmockups_lcbrmaqt.png
smartmockups_lcbrtuye.png
smartmockups_lcbruoq0.png
smartmockups_lcbo31ga.png
smartmockups_lcbo4jn9.png
smartmockups_lcbr38w6.png
smartmockups_lcbr4aco.png
smartmockups_lcbr5jg8.png
smartmockups_lcbrlfgf.png
smartmockups_lcbrm47m.png
smartmockups_lcbrte6x.png
smartmockups_lcbruoq0.png

Low-fidelity prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of viewing pets and resources.

Adobe XD 26-12-2022 19_00_09.png

View

Usability study

Parameters

Study Type - Unmoderated usability study

Location - India, remote

Participants - 7 participants

Length - 30-60 minutes

 

Usability study: findings

These were the main findings uncovered by the usability study:

1

Adoption Process

People want easy process and paperwork for booking appointment and for the adoption.

2

Resources

Users are requested to provide valuable information on the start, so to find what they are looking easier.

3

Notification and Confirmation.

Users wants a detail confirmation and the process history in the separate page.

06

Refining the design

● Brand Identity

● Mockups

● High-fidelity prototype

● Accessibility

Brand Identity

THE HOUSE OF.png
Bo.png
W.png
M.png
eow.png
Group 1.png

Home

Dog Sound 

Cat Sound 

Logo

smartmockups_lcbv6ox3.jpg
smartmockups_lcbvpd3q.png
smartmockups_lca5jjls.jpg
smartmockups_lcbvl3r8.jpg

Mockups

smartmockups_lcbwnu4j.png
smartmockups_lcbwoeis.png
smartmockups_lcbwq068.png
smartmockups_lcbwqhw9.png
smartmockups_lcbwrxcc.png
smartmockups_lcbxtis5.png
smartmockups_lcbx7otr.png
smartmockups_lcbx8uzf.png
smartmockups_lcbxr1tr.png
smartmockups_lcbxs0dc.png
smartmockups_lcbxswsw.png
smartmockups_lcbwnp6d.png
smartmockups_lcbwojrn.png
smartmockups_lcbwpuhp.png
smartmockups_lcbwqmgx.png
smartmockups_lcbwsxlj.png
smartmockups_lcbxtovd.png
smartmockups_lcbx7tjv.png
smartmockups_lcbxqshs.png
smartmockups_lcbxr6vt.png
smartmockups_lcbxrtvq.png
smartmockups_lcbxsoz3.png
smartmockups_lcbwnz6y.png
smartmockups_lcbwpbtr.png
smartmockups_lcbwq4jl.png
smartmockups_lcbwrhhy.png
smartmockups_lcbwsrzt.png
smartmockups_lcbx7arz.png
smartmockups_lcbx8g22.png
smartmockups_lcbxqe5b.png
smartmockups_lcbxrc6m.png
smartmockups_lcbxs6uw.png
smartmockups_lcbxssp6.png
smartmockups_lcbwo40w.png
smartmockups_lcbwpk3o.png
smartmockups_lcbwq8p9.png
smartmockups_lcbwrnnk.png
smartmockups_lcbwsngg.png
smartmockups_lcbx7ka0.png
smartmockups_lcbx8q5e.png
smartmockups_lcbxqntv.png
smartmockups_lcbxrhvg.png
smartmockups_lcbxsg1f.png
smartmockups_lcbxt0rn.png
smartmockups_lcbwo93a.png
smartmockups_lcbwppmw.png
smartmockups_lcbwqd57.png
smartmockups_lcbwrsim.png
smartmockups_lcbws1vz.png
smartmockups_lcbx7fq6.png
smartmockups_lcbx8l1j.png
smartmockups_lcbxqwl6.png
smartmockups_lcbxrngt.png
smartmockups_lcbxsl1o.png
smartmockups_lcbxt4oz.png

High-fidelity prototype

Adobe XD 31-12-2022 18_51_17.png

View

Accessibility considerations

01

Providing an AI Assistant for interactive user query and help.

02

The initial focus of the home screen on personalized recommendations help define the primary task or action for the user.

03

I used headings with different sized text for clear visual hierarchy

07

Onboarding screen

Splash Screen and & Landing Page 

Registration 

Questionnaries

Homepage & Categories

Search & Filter 

Favourites

Notification

Schedule an appoinment 

Petbot Chat

User Account & Profile

A brief overview of what the app offer.

Verification via mobile phone number and permissions for a better experience

There is an option where you can take questionnarie and answer some questions to find the ideal companion that fits you.

You can browse for pets based on recommendations or by category.

To find the right pet, you can use the homepage filter or the search option.

You can add favourite pets to a separate page so you can go back and look at them.

You will be notified about pet-related alerts, events, questionnaires, appointments, and status updates.

Make an appointment to find your ideal pet using a simple process.

Petbot for the rescue. Petbot will assist you with your inquiries.

The account gives you access to the app's resources, and in your user profile, you can change your phone number and address.

08

UI Style Guide

Group 181.png
Group 182.png
Group 183.png
Group 184.png
Group 185.png

09

Conclusion

I had a lot of fun designing a website that encourages people to adopt dogs rather than buy them from breeders. I was able to design an app where people can find a dog that matches their lifestyle, personality, and needs by talking to real people about their experiences, goals, and frustrations.

I was excited not because it was groundbreaking or particularly cool, but because it serves as a milestone in my personal development. Though it is still only a concept, the process and iterations have made significant contributions.Oh, the joys of learning and growth.
It has taught me the value of thinking critically and designing experiences with a purpose for people. A lesson I actively strive to instil in every product I touch.

10

Takeaways

Impact

Anime Girl Praying

Venkatesh

Users shared that the app made pet adoption seem like something they could actually use. One quote from peer feedback was that the house of bow meow app helps bring caring about the rescue pets to a personal level in a way that’s easy and engaging.”

What I learned

I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.

A broader scope entails more challenges:

Because this was my first project in which I was involved in the design aspects, I quickly realized that previous problems that I had encountered and became comfortable solving in user research were not necessarily identical to the problems that arose in this UX design project.

Iteration: 

The more you iterate on sketches, the more time you save and the better your ideas become.

11

Next steps

Conduct research on how successful the app is in reaching the goal to increase pet adoption..

Add more educational resources for users to learn about pet care and adoption process.

Let’s connect!

Design a Responsive wesite for The House Of Bow Meow.

Thank you for your time reviewing my work on The House Of Bow Meow app! If you’d like to see more or would like to get in touch, my contact information is provided below.

bottom of page