UX-UI
Woof and Meow
Woof and Meow is a pet-sitting application designed to help busy individuals find reliable caregivers for their pets. Our primary objective is to create a community of like-minded pet enthusiasts who are eager to help others by offering services like pet sitting and dog walking. Our ultimate goal is to ensure that pets receive the care and attention they need while their owners are away, giving pet owners peace of mind and allowing their pets to thrive in a nurturing environment.



ABOUT THE PROJECT
Problem Definition
Pet owners who have busy schedules often face the challenge of not being available to take care of their pets when needed. This can cause stress and worry for these pet owners, who want the best for their pets but cannot always be there for them. Additionally, finding a reliable caregiver can be difficult and time-consuming, as pet owners need to ensure that the caregiver is trustworthy and capable of providing the necessary care and attention.
Project Overview
Woof and Meow application provides a solution to the problem of finding reliable caregivers for pets by creating a platform where pet owners can connect with trusted and verified pet-sitters and dog walkers. The application’s interface allows pet owners to easily search and find local pet sitters who have been vetted by Woof and have a proven track record of providing quality care for pets. Pet owners can also view reviews from other pet owners who have used the services of a particular pet sitter.
- A user-friendly application interface that provides pet-sitting and dog-walking services
- Vetting of pet-sitters to ensure they are trustworthy and capable of providing quality care for pets
- A review system that allows pet owners to view feedback from other pet owners who have used a particular pet sitter.
- A review system that allows pet owners to view feedback from other pet owners who have used a particular pet sitter.
| Role | Responsibilities | Project time | Team |
|---|---|---|---|
| UI-UX Designer | – Researched the competitive market. – Surveyed users – Created personas. – Created a user flow – Wireframed to lay out content and functionality – Designed branding and logo and marketing materials – Made marketing video and logo animation – Created mockups – Presented the project | 10 Weeks | 1 UX-UI Designers 4 Developers |
UX DESIGN
uX Contribution
As the UX designer on the team, my key responsibilities included empathizing with the users to identify their problems, pain points, and motivations. I followed the design thinking process, which involved defining the problem and ideating potential solutions. I also ensured that the design solution was practically executed, making it understandable and easy to use for our users. I focused on creating a coherent concept that would deliver a seamless User Experience (UX) and flawless functionality. Here are the specific actions I took in this project:
Empathy
- I gathered insights through interviews and surveys to understand the challenges pet owners face when trying to find reliable and trustworthy pet sitters, including limited availability, high costs, and concerns over the safety and well-being of their pets. I also identified the motivations of pet owners for seeking out pet-sitting services, such as the need for flexibility and peace of mind when they are away from their furry companions.
- Based on the findings from the user research, I developed detailed user personas that represented our target audience. These personas helped the team to better empathize with the users’ perspectives and understand their unique needs, behaviors, and motivations.
Define
- Defined the problem and ideated potential solutions that would solve the user’s problems.
Ideate and Design
- Created a user flow and designed a user-centric journey within Woof and Meow platform, mapping out the steps for users to register user and pets, search, and book a pet sitter. Ensured a seamless and efficient experience with a focus on usability.
- Developed wireframes and prototypes using the insights from user research and personas to visualize and iterate on the design concepts.
- Conducted usability testing sessions with real users to obtain feedback on the design and identify any pain points or areas of improvement.
Survey
Through surveys and interviews, I identified user pain points, motivations, and expectations.



User Personas
I created personas based on the findings from user research, interviews, and surveys. These personas represented different segments of our target users, such as busy professionals and pet owners with hectic schedules, and helped us better understand their characteristics, preferences, and behaviors when it comes to finding reliable pet sitters. The personas were used as a reference throughout the design process to ensure that the user experience of Woof and Meow catered to the needs and expectations of our identified user segments
User Flow
To better understand user needs, problems, and motivations, we conducted meetings with team members and analyzed the research results.
Wireframes
I utilized wireframing to create a clear visual representation of the application’s structure and layout. This process enabled us to test and refine the design to ensure optimal functionality and ease of use. To gain valuable feedback and insights, I conducted usability tests with potential users and incorporated their feedback into the design process. By iterating on the wireframes, I was able to create an intuitive and user-friendly application that meets the needs of our target audience.








UI DESIGN
Branding
Woof and Meow core values:
- Friendly
- Trustworthy
- Safety
- Peace of mind
- Movement
I suggested using the color green as the primary color for the app. Green symbolizes safety, hope, and balance.
I created a memorable and recognizable logo that represents the essence of our brand. I chose to use the image of a paw and incorporated circular shapes to create a clean and modern look. The logo is both visually appealing and easy to remember, helping to build brand recognition and establish a strong brand identity for Woof and Meow.


UI Components
To ensure a consistent visual language across the entire application, we created UI components. These components include buttons, forms, and cards that are used throughout the app. I focused on creating a cohesive and visually appealing design system that aligns with the overall brand identity and user experience.
The UI components were designed with attention to detail, including typography, colors, spacing, and interactions. I aimed to create a user-friendly interface that is easy to navigate and visually appealing to users.


Mockups
The mockups depict the Registration and Pet-walking sections of the application, showcasing the visual layout, user interface, and interactions. They incorporate the chosen color scheme, typography, and logo design for consistency with the brand identity. The mockups illustrate a clean and intuitive design with clear search and booking features in the Pet-walking section and a straightforward process for adding and managing pet-walking details in the Pet-walking section. Graphics, icons, and visual hierarchy enhance the user experience.










