UX/UI Case Study

Purrfect Pets

UX/UI Case Study

Purrfect Pets

UX/UI Case Study

Purrfect Pets

Background

This app concept was developed during a UX/UI bootcamp at the University of Toronto, aiming to design an app that meets a daily user need through the double diamond design thinking process. This approach emphasized a deep understanding of user issues and innovative solution finding.

This app concept was developed during a UX/UI bootcamp at the University of Toronto, aiming to design an app that meets a daily user need through the double diamond design thinking process. This approach emphasized a deep understanding of user issues and innovative solution finding.

The Problem

In the wake of COVID-19, which saw a rise in new pet ownership, pet owners are now facing a pronounced need for a streamlined way to connect with fellow pet enthusiasts and secure pet services. The existing systems fall short in facilitating these connections, leading to a disconnect in community engagement and a complexity in accessing useful pet services.

In the wake of COVID-19, which saw a rise in new pet ownership, pet owners are now facing a pronounced need for a streamlined way to connect with fellow pet enthusiasts and secure pet services. The existing systems fall short in facilitating these connections, leading to a disconnect in community engagement and a complexity in accessing useful pet services.

The Solution

Our app emerges as the pivotal solution to these challenges. It's a one-stop community platform designed to effortlessly connect dog owners with one another for socialization and support. Leveraging intuitive technology, the app simplifies the process of scheduling meetups and finding local pet services. It acts as a bridge, closing the gap between increased pet ownership and the need for a cohesive community, while ensuring trusted and easy-to-navigate service provisions are just a few taps away.

Our app emerges as the pivotal solution to these challenges. It's a one-stop community platform designed to effortlessly connect dog owners with one another for socialization and support. Leveraging intuitive technology, the app simplifies the process of scheduling meetups and finding local pet services. It acts as a bridge, closing the gap between increased pet ownership and the need for a cohesive community, while ensuring trusted and easy-to-navigate service provisions are just a few taps away.

Duration

3 Weeks

3 Weeks

Role

UX/UI Designer

UX/UI Designer

Collaborators

-Aimee McConnal

-Sara Xu

-Aimee McConnal

-Sara Xu

Tools

Figma

Figma

Miro

Miro

Procreate

Procreate

Research


(A brief overview)

Research


(A brief overview)

User Interviews

We initiated our research with user interviews. We interviewed ten dog owners with varying levels of experience and dog breeds to gain insights into their perspectives and challenges related to dog ownership. Additionally, we explored the existing services in the market and how these users utilize them.

Goal

Goal

We want to understand what a dog owner's pain points are when trying to find a reliable sitter for their dog, while also how they find a community that could participate to socialize their dog.

Objectives

Objectives

Objective 1: How do dog owners meet their dog sitting needs?

Objective 2: Understand different solution options a dog owner has to fulfill their dogs needs.

Objective 3: What community initiatives are dog owners seeking?

Objective 4: To understand what a dog owner looks for in order to build trust and safety

Objective 5: What drives a dog owner to put a monetary value on dog services?

10 User Interviews

10 User Interviews

Moderated, Structured Hybrid User Interviews

Moderated, Structured Hybrid User Interviews

Research Findings

Through our interviews, we acquired valuable insights into the concerns and needs of pet owners. We then proceeded to analyze this information, delving deeper into the underlying roots of the identified problems.

These are our top findings from user interviews:

  • Many new dog owners seek resources and tools to help them assess their dog's readiness for social interactions and identify appropriate playmates based on size, age, and temperament compatibility.

  • Many dog owners struggle to find reliable and trustworthy dog service providers in their area.

  • Owners seek personalized recommendations for dog services based on their specific needs and preferences.

  • A significant number of dog owners are interested in connecting with other dog owners nearby for socialization and playdates.

  • Cost-effectiveness and value for money are important considerations for dog owners when selecting service providers.

  • New dog owners often feel overwhelmed and uncertain about navigating their role as a pet parent, particularly regarding their dog's socialization needs.

  • Owners are interested in features that facilitate communication and coordination with other dog owners, such as messaging and event planning.

  • Safety and security are top concerns for dog owners when choosing service providers or arranging dog meetups.

Affinity Diagram

From the user interview notes and transcripts, we extracted valuable insights. These insights were organized into categories with clear headers, allowing us to gain a deeper understanding of the needs expressed by the users we engaged with at a micro and macro level. Below is an image of the groupings we made in Miro.

Competition Analysis

In addition to the insights gathered from users, we conducted a comprehensive competitive analysis. This involved examining existing services available in the market, studying their functionalities, user interactions, and identifying areas of strength and weakness. Our aim was to draw inspiration from successful aspects and enhance any identified weaknesses in our approach. Below, you'll find a graphic that synthesizes our research findings into a concise reference tool.

Problem Statment

As we completed the second phase of the double diamond process, we transitioned into defining our problem with greater clarity. Crafting a problem statement was essential to precisely identify the challenges at hand and pave the way for developing effective solutions.

Many dog owners face challenges in finding reliable and convenient solutions to fulfill their pets' needs. Moreover, existing products and services fail to provide a sense of community for owners to engage and socialize their beloved companions. Our mission is to develop a platform that not only delivers trustworthy and safe care for dogs but also cultivates a vibrant community where owners can connect and exchange experiences.

Users

After synthesizing the user research from our six participants, we generated insights to build a profile of our expected users. Utilizing this data, we created a Persona that embodies the characteristics, challenges, motivations, personality traits, goals, and frustrations of a typical user. This Persona serves as a valuable tool to understand how the Purrfect Partners app can effectively address their pain-points.

User Goals

  • Connection: To connect with other dog owners for social and support purposes

  • Service Access: To easily find and book trusted dog care services

  • Involvement: To participate in or contribute to a community focused on pet well-being

Key Findings

  • Dog owners like to have a convenient provider to meet their dogs needs. 

  • Dog owners like to socialize their furry friend with other dogs. 

  • Dog owners like to be part of a larger dog community, to get insight / tips and tricks. 

Info

  • Name: Emily & Luna Johnson

  • Age: 26

  • Profession: Marketing Coordinator

  • Location: Toronto

Goals and Needs

  • Build a community of like-minded dog owners.

  • Manage responsibilities as a dog owner

Personality

  • Social and outgoing

  • Extrovert

  • Tech-savvy

  • Caring and attentive

Problems

  • Balancing her busy work schedule with ensuring her Luna is cared for. 

  • Finding reliable, pet care solutions when work or social obligations extend beyond regular hours.

  • Concerns about leaving Luna with unknown individuals or services.

Challenges

  • Her demanding job sometimes requires her to stay late, making it difficult to maintain a consistent schedule for Luna.

  • Living in the city means she doesn’t have a backyard where Luna can play, so she must plan these activities.

  • She's relatively new to the city, so she hasn’t built a network of fellow trusted dog owners to turn to for help or doggy playdates.

Ideate


Ideate


How Might We Questions

We started or ideation process by formulating 'How Might We' (HMW) questions. This approach enabled us to transform identified problems and insights from our research phase into clear opportunity areas. By reframing challenges into HMW questions, we opened up a space for creative thinking and innovation. This approach helped us reframe problems into potential solutions, sparking creative thinking and guiding our exploration of new ideas to improve user experience.

  • HMW create a sense of community among dog owners?


  • HMW make the dog care experience more reliable and trustworthy?


  • HMW integrate flexibility and adaptability into pet care services for young professionals?


  • HMW establish a comprehensive digital platform for all dog-related needs?


  • HMW ensure dog owners feel their pets are safe and happy while they are busy?


  • HMW simplify the process of finding and booking dog care services?


  • HMW build confidence in dog socialization and care services among new users?


  • HMW create opportunities for real-world interaction and socialization among community members and their dogs?


  • HMW provide added value to users who commit to a subscription model?

Feature Priority Matrix

As part of the design process, we utilized a feature priority matrix, guided by research data. This involved evaluating potential app features for their user impact and implementation complexity. This method helped us efficiently prioritize features, balancing user benefits with development practicality, to enhance the overall app experience.

User Flow

To enhance the app's usability, we developed a user flow chart. This helped us understand the steps a user would take within the app, guiding us in designing each screen effectively. This strategic planning ensured a smooth, intuitive user experience from start to finish. Below is a part of our user flow exploring the onboarding process.

Sketches

We initiated the sketching process using Procreate for key pages, focusing on the foundational visual elements of the app. Through rapid iterations, we explored various design concepts and options to refine the overall appearance. Below are select sketches that influenced the final design of the app.

Wireframes

Building on our user flow, we created wireframes to structure the app's design. These wireframes served as blueprints for each screen, ensuring a logical and coherent user journey. This step was crucial for visualizing the layout and navigation of the app, helping us identify and address usability issues early in the design process.

Graphic Styles

As a mobile application, we integrated elements from Apples iOS 17 design system and drew inspiration from Apple's design language. We chose the iOS-native SF Pro typeface to establish guidelines for consistent visual appearance across font usage. Through A/B testing with users, we identified the most appealing blue hue and selected complementary accent colours to harmonize with our primary blue. Furthermore, all text and colour choices adhere to WCAG AA standards for accessibility.

After completing the initial steps, we advanced to creating the app's high-fidelity design with Figma. Based on insights from user interviews, the app's design and functionality are tailored to meet user needs. The app features five distinct sections, organized to serve specific purposes and conveniently accessible via a bottom tab bar. Additionally, the app includes a user-friendly onboarding process. Below, you will find examples of the prototype in action, showcasing its navigation and functionality.

Onboarding

Presenting snapshots of the app's value to users in a simple manner. And allowing users to access their account.

Schedule

Offering users a quick view of their upcoming planned events.

Services

Offering users a seamless way to discover and book services for their pets.

Pet Social

Providing users a simple swipe feature to connect with fellow pet lovers and their furry companions.

Community

Showing users local community events in both map and list form.

Prototype

Prototype

After completing the initial steps, we advanced to creating the app's high-fidelity design with Figma. Based on insights from user interviews, the app's design and functionality are tailored to meet user needs. The app features five distinct sections, organized to serve specific purposes and conveniently accessible via a bottom tab bar. Additionally, the app includes a user-friendly onboarding process. Below, you will find examples of the prototype in action, showcasing its navigation and functionality.

Onboarding

Presenting snapshots of the app's value to users in a simple manner. And allowing users to access their account.

Schedule

Offering users a quick view of their upcoming planned events.

Services

Offering users a seamless way to discover and book services for their pets.

Pet Social

Providing users a simple swipe feature to connect with fellow pet lovers and their furry companions.

Community

Showing users local community events in both map and list form.

Usability Test

Usability Test

Iterations

As part of our usability testing, we conducted A/B tests to determine user preferences. We presented two designs for our community social page and the controls to switch between the map and list views. We gave our ten users ten seconds to look at the two options and decide which one they preferred. After analyzing user feedback, Design B received stronger support, leading us to incorporate it into our final prototype.

Option A

OR

Option B

Option A

25%

Option B

75%

  • Users appreciated the convenient chronological viewing option, allowing them to easily identify upcoming events and nearby options within the same view.

  • Users valued the ability to swipe between individual options or view both simultaneously, providing flexibility and control in their browsing experience.

Option A

OR

Option B

Option A

25%

Option B

75%

  • Users appreciated the convenient chronological viewing option, allowing them to easily identify upcoming events and nearby options within the same view.

  • Users valued the ability to swipe between individual options or view both simultaneously, providing flexibility and control in their browsing experience.

Test

At the end of the development of our app concept, usability testing played an important role in refining our prototype. We conducted comprehensive tests with six users, employing different improved versions of the prototype. The objective was to uncover any errors or unclear interactions that could hinder the user experience, ironing out the issues and completing another test. Our testing process was structured around a set of specific goals, ranging from simple, one-step tasks to more complex, multi-step processes. This allowed us to thoroughly evaluate the app’s navigation and control mechanisms. Additionally, we paid close attention to user feedback regarding concerns and accessibility issues. This feedback was used to make iterative improvements, ensuring that our app was not only functional but also user-friendly and accessible to a wide range of users.

THE TASKS

Participants were asked to follow this task list:

1. Sign up for an account.

2. Find a local community event and RSVP.

3. Book a haircut for your dog for today at 4 PM.

4. Edit your dog haircut to today at 2 PM.

TEST GOALS

• Identify the pain-points of the app’s features and task flow.

• Gather feedback ranging from user’s navigation through the app to ease of the application’s process to search and book services. 

• Observe how the user flows through the app to find events and other users.

• Discover what interests the user about the app. (i.e., visuals, tasks, flow, etc.)

Results

In our usability testing, we gained valuable insights that significantly influenced the evolution of our app. A notable finding was the need for enhanced user safety measures. Participants expressed concerns about the lack of a user vetting system, which could potentially expose them to risky situations. In response to this feedback, we revised the user flow to incorporate opportunities for user vetting at community events. This adaptation led to the inclusion of an additional screen in the dog social page, which remains active until the user has attended a community event. Furthermore, we introduced a 'report' feature on every user profile, allowing users to flag any individual they find concerning.

Conclusion

Conclusion

Next Steps

Moving forward, we will regularly update our system and increase user testing to enhance the app. Our focus will be on improving safety through features like meet-up verification, a reporting system, and user reviews. Additionally, we'll work on making the app more accessible by adding color schemes for the visually impaired and features tailored for users with guide dogs.

Learning

This project was a valuable learning experience, allowing me to fully engage in the double diamond design process within a team setting. Navigating the challenges of group dynamics, I learned the importance of compromise and democratic decision-making, especially when no single leader was present to guide final decisions.

Additionally, managing a large Figma document provided practical experience in ensuring design consistency and functionality across different sections, a task made more complex with multiple contributors. This process sharpened my attention to detail and my ability to maintain a cohesive design flow.

Overall, the project reinforced the significance of teamwork, effective decision-making, and meticulous design management, which are crucial skills in my ongoing development as a professional designer.

Let's Make Something Awsome Together

Designed by Evan Oldham

© 2025

Let's Make Something Awsome Together

© 2025

Let's Make Something Awsome Together

Designed by Evan Oldham

© 2025