Paw Paw Cat Care App
DISCIPLINE: UI / UX Product
ROLE: Visual UI Designer
TOOLS: Figma, Adobe Illustrator, Microsoft Forms
Timeline: October — December 2024.
OVERVIEW:
PawPaw Cat Care is an app dedicated to providing expert guidance on treatments, health, and wellbeing focused on cats. In this case study I described the functionality of a CAT CARE design process.
Methods: Emphasize, Define, Ideate, User flow, Prototype & High Fidelity Design.
Objective of PawPaw Cat Care:
-
Simplify the ordering flow for cat products and services.
-
Provide a personalized care schedule for health and grooming.
-
Enable direct consultation with veterinarians via the app.
-
Shorten transaction times for bookings and purchases.
-
Help users choose cat-specific services (e.g., grooming, pet shops) based on preferences.
Design Process
When it comes to designing a product, several key stages must be completed. In this case study, the steps follow the core stages of the Design Thinking process.
Design Thinking Process:
For this project, I chose Design Thinking as the design process approach. This method helps me focus on user experience and encourages innovative solutions in product design. The Design Thinking Process consists of:
1. Empathize:
The first step involves researching to identify potential problems related to cats and their owners. This is the Empathize Stage. I conducted online research and interviewed friends who have cats to gather insights and experiences about cat care. I used FigJam from Figma to organize and document the findings.
2. Define:
Next, I analyzed the information from the Empathize Stage to identify common pain points. Pain points are specific challenges cat owners face in providing care for their pets. Defining these pain points allows me to focus on features that genuinely address user needs.
Pain Points
Other examples of Pain Points:
-
Difficulty tracking vaccination schedules
-
Lack of reliable information on cat nutrition
-
Challenges finding trustworthy grooming services
After identifying these pain points, I brainstormed potential solutions. Using the 'How Might We' method, I generated questions like "How might we make tracking vaccinations easier?" to guide the ideation process.
"How Might We"
3. Ideate:
With clear pain points and potential solutions in hand, I began developing specific ideas to address these challenges. This phase involved exploring features to implement in the cat care app.
Proposed Features:
-
A vaccination reminder system
-
A comprehensive cat nutrition guide
-
A grooming appointment booking feature
To prioritize these ideas, I created a Prioritization Idea Diagram, ranking each feature based on user value and development effort.
The last step of the Ideate process was creating a user flow diagram to outline the steps users take when interacting with the app.
User Flows:
-
Register/Login & Consult with a Veterinarian
-
Schedule Vaccination Appointments
-
Book Grooming Services
4. Prototyping:
After finalizing the ideas and user flows, I moved onto the prototyping stage. This involved creating wireframes, mockups, a UI style guide, and an interactive prototype.
Mockup: Next, I developed high-fidelity mockups, incorporating the selected colors, typography, and design elements to reflect the final look of the app.
UI Style Guide: To maintain consistency, I created a style guide detailing the fonts, colours, and components used throughout the app.
