TailMap
TailMap
TailMap
Stray Animals & Society; living together
Stray Animals & Society;
living together
UX/UI Design Case Study
UX/UI Design Case Study
TailMap
Designed to help communities track, report, and feed stray animals, making rescue efforts more efficient and accessible
Tools
Figma
Procreate
Duration
January - February 2025
January -
February
2025
Role
UX/UI Designer
UX/UI
Designer
Getting Started
Getting Started
Getting Started
TailMap was created as a course project for a UX design assignment, aimed at finding a better way to connect people with stray animals in their community. This project gave me the chance to dive into research, see what’s already out there, and design a platform that could make a real difference for stray animal adoption and care.
TailMap was created as a course project for a UX design assignment, aimed at finding a better way to connect people with stray animals in their community. This project gave me the chance to dive into research, see what’s already out there, and design a platform that could make a real difference for stray animal adoption and care.
TailMap was created as a course project for a UX design assignment, aimed at finding a better way to connect people with stray animals in their community. This project gave me the chance to dive into research, see what’s already out there, and design a platform that could make a real difference for stray animal adoption and care.
Design Thinking
Design Thinking
Empathize
Empathize
Empathize
Researching community needs and challenges.
Researching community needs and challenges.
Researching community needs and challenges.
east
Define
Define
Define
Defining the problem: lack of a stray animal platform.
Defining the problem: lack of a stray animal platform.
Defining the problem: lack of a stray animal platform.
east
Ideate
Ideate
Brainstorming key features for user interaction.
Brainstorming key features for user interaction.
Brainstorming key features for user interaction.
Subdirectory_arrow_left
Test
Test
Test
Gathering feedback to refine usability.
Gathering feedback to refine usability.
Gathering feedback to refine usability.
west
Prototype
Prototype
Prototype
Designing a simple, intuitive app.
Designing a simple, intuitive app.
Designing a simple, intuitive app.
Subdirectory_arrow_left
Problem
Problem
Problem
Millions of stray animals struggle to find consistent sources of food, relying on chance encounters with kind-hearted people. Without a way to track where and when they are fed, community efforts often become inconsistent, leaving many animals hungry.
Millions of stray animals struggle to find consistent sources of food, relying on chance encounters with kind-hearted people. Without a way to track where and when they are fed, community efforts often become inconsistent, leaving many animals hungry.
Millions of stray animals struggle to find consistent sources of food, relying on chance encounters with kind-hearted people. Without a way to track where and when they are fed, community efforts often become inconsistent, leaving many animals hungry.
Goal
Goal
Goal
Create an app that helps communities coordinate feeding efforts for stray animals by allowing users to report sightings, track feeding locations, and share resources—ensuring that no animal goes hungry.
Create an app that helps communities coordinate feeding efforts for stray animals by allowing users to report sightings, track feeding locations, and share resources—ensuring that no animal goes hungry.
Create an app that helps communities coordinate feeding efforts for stray animals by allowing users to report sightings, track feeding locations, and share resources—ensuring that no animal goes hungry.
What's Already Available?
What's Already Available?
What's Already Available?
Competitive Audit
Competitive Audit
Competitive Audit
When researching for TailMap, I specifically looked for websites and apps dedicated to stray animals and community-driven rescue efforts. Surprisingly, I found only a handful of local websites doing this work—mostly small, regional initiatives rather than large-scale platforms. There wasn’t anything that directly competed with TailMap in terms of real-time updates or a seamless way to connect people who find strays with those who can help. This gap made it clear that there was room for a solution focused on accessibility, ease of use, and community-driven updates.
When researching for TailMap, I specifically looked for websites and apps dedicated to stray animals and community-driven rescue efforts. Surprisingly, I found only a handful of local websites doing this work—mostly small, regional initiatives rather than large-scale platforms. There wasn’t anything that directly competed with TailMap in terms of real-time updates or a seamless way to connect people who find strays with those who can help. This gap made it clear that there was room for a solution focused on accessibility, ease of use, and community-driven updates.
Pain Points
Pain Points
Resources are not being evenly distributed to stray animals
Resources are not being evenly distributed to stray animals
Resources are not being evenly distributed to stray animals
Current platforms are geographically bound
Current platforms are geographically bound
Current platforms are geographically bound
Social media platforms are much too broad and don't provide necessary inputs
Social media platforms are much too broad and don't provide necessary inputs
Social media platforms are much too broad and don't provide necessary inputs
No place for real time updates for contact
No place for real time updates for contact
No place for real time updates for contact
The Users
The Users
The Users
Personas
Personas
Empathy Map
Empathy Map
Persona: Diana
Persona: Diana
Persona: Diana
Goal: Keep track of the stray animal she feeds and coordinate with others to provide for them
Goal: Keep track of the stray animal she feeds and coordinate with others to provide for them
Goal: Keep track of the stray animal she feeds and coordinate with others to provide for them
Bringing it to Life
Bringing it to Life
Bringing it to Life
Information Architecture
Information Architecture
Paper Wireframes
Paper Wireframes
Pen
Pen
Pen
Paper
Paper
Paper
Coffee
Coffee
Coffee
Protectionism
Protectionism
Protectionism
Limits
Limits
Limits
Digital Wireframes
Digital Wireframes
Mockups
Mockups
Final Draft
Final Draft
Final Draft
Hi-Fi Prototype
Hi-Fi Prototype
Wrap Up
Wrap Up
What I learned
What I learned
Much of the success for this project is reliant on user input. They provide most if not all of the data for each animal. An intuitive design can help drive user engagement.
Much of the success for this project is reliant on user input. They provide most if not all of the data for each animal. An intuitive design can help drive user engagement.
Users should receive confirmations and updates when submitting data, ensuring they feel their input is valued and encouraging continued engagement.
Users should receive confirmations and updates when submitting data, ensuring they feel their input is valued and encouraging continued engagement.
Testing wireframes and prototypes early prevents major revisions later in the process. Get user feedback at multiple stages to refine ideas before investing too much in development.
Testing wireframes and prototypes early prevents major revisions later in the process. Get user feedback at multiple stages to refine ideas before investing too much in development.
Designing for different needs ensures inclusivity and expands the potential user base. Integrate accessibility best practices from the beginning, like color contrast, text size options, and alternative input methods.
Designing for different needs ensures inclusivity and expands the potential user base. Integrate accessibility best practices from the beginning, like color contrast, text size options, and alternative input methods.
