PawMate
Mobile App
2024 Muse Silver Winner
(5 mins read) As fellow animal lovers, we deeply appreciate the joy and companionship that comes with having a furry friend. We prioritize adoption to ensure animal well-being and community sustainability, aiming to make the adoption journey fulfilling for both pets and their new families.
For this conceptual project, I worked with 2 designers, and we went through the end to end design thinking process.
Project Type and Role
Nov 2023 - Jan 2024
(3 months)
Timeline
Figma
FigJam
Tools
Links
Existing challenges in pet adoption solutions include inadequate information about pets, unclear and lengthy adoption applications, and a lack of post-adoption support, highlighting the need for a more streamlined and supportive adoption process. From desk research, these are the goals for the solution.
Context
User Interviews
Following the discovery phase, we conducted interviews with 8 users who had firsthand experience with pet adoption to gain insights into their journey and identify pain points.
User needs
User preferences
Based on actionable insights into user needs and preferences, we aimed to create a solution that simplifies the animal adoption journey and enhances personalization through the process.
Problem Statements
We brainstorm and develop the core solution through three approaches: product, UX, and UI. This comprehensive approach allows us to explore each aspect thoroughly, ensuring a well-rounded and effective solution.
Solution
How might we enhance the adoption process by offering user-friendly pet profiles, revamping forms for comprehensive data collection, and providing guidance on adoption and care?
Development
We generate solution sketches from user interviews, align them with the user journey. This ensures the app emphasizes research, decision-making, and post-adoption aspects.
Ideation
Design Iterations
Lofi sketches
Mid-fi design
In the mid-fi phase, PawMate underwent rigorous testing and iteration, refining its features and design flows based on user feedback. We strategically tested, excluded, and included various features to optimize the overall user experience. The focus was on creating robust design flows for crucial aspects such as onboarding, the main page, pet search, and pet profiles.
During the hi-fi phase, our focus was on enhancing the visual appeal of PawMate by integrating advanced features. We prioritized micro-interactions, animations, branding design, and a comprehensive design system to ensure a seamless user experience and polished UI.
Final Design
Pet Search
Search using the top bar or bottom navigation. Various filters and personalized suggestions make finding your pet simple.
For extra ways to find your perfect pet, try our interactive quiz for a fun matching experience. You can also learn about pets through our engaging educational quizzes.
Quiz
Apply to adopt directly through the pet profile. The form is divided into sections with a progress bar with convenient payment options available for the deposit.
Application
Take pet care lessons or book vet appointments. Adopting a PawMate includes a mandatory care course to ensure a smooth post-adoption transition for both you and your new pet.
Care
These features offer an interactive experience for searching for pets and using the app, while also providing funding options through donations (through live, pet profile, and donation page), credit purchases, and merchandise.
Other Features
Live Stream with Donation
Reward and Store
A core solution is using animations to maintain a gamified interaction language. In addition, we created a design system with documentation to ensure UI consistency and facilitate collaboration among designers and developers.
UI and Visuals
Animation and interaction
Design System
The design system facilitates seamless collaboration among our team of three, ensuring alignment despite working across different times and locations. This approach not only maintains consistency but also accelerates our workflow. As the application expands, the design system will evolve to incorporate additional details.
UI Components
Typography
Other libraries
Dev Handoff
The development plan for the app will be divided into four phases, prioritizing the rollout of essential features initially followed by the integration of nice-to-have features in subsequent phases. This phased approach ensures a focused and efficient development process while allowing for continuous improvement and enhancement of the app's functionality over time.
Next Steps
Development Plan
Vision for PawMates
Next case study
Next case study