Pet Help & Rescue (PHaR)

My Role & Responsibilities

UX/UI Designer

  • Conducted mobile heuristic audit

  • Led foundational user research (market analyses, user interviews, early validation usability testing)

  • Held informal workshops between design and developer teams for cross-team alignment

  • Redesigned MVP for PHaR

  • Implemented and managed product board

  • Guided beta and QA testing efforts

Stakeholder

Animal Help Now

Timeline & Status

9 weeks - Launched

Team
  • 2 Designers (including me)

  • Android and iOS (3 developers on each team)

  • 2 Backend developers

  • Graphic designer/brand specialist

My Impact
  • Directed the design process for our new app MVP resulting in 70% Net Promoter Score (NPS)

  • Reduced the design-to-dev handoff by 42% through an agile Kanban board I created

  • Currently working on post-launch surveying to improve user engagement

My Impact
  • Directed the design process for our new app MVP resulting in 70% Net Promoter Score (NPS)

  • Reduced the design-to-dev handoff by 42% through an agile Kanban board I created

  • Currently working on post-launch surveying to improve user engagement

Context

Context

What is PHaR?

Born from the 2021 Colorado Marshall Fire, Pet Help & Rescue (PHaR) was created to address the lack of emergency preparedness among over 83% of U.S. pet owners (ASPCA). Initially brought on for wireframing and usability testing, I identified gaps in foundational research and market differentiation that limited the app's competitive appeal. Although PHaR is a non-profit, we recognized the importance of making it engaging and accessible to users as an important method of ensuring user adoption.

Goals

High User Adoption

􀆈

High User Adoption

􀆈

Ease of Use

􀆈

Ease of Use

􀆈

Maintain Engagement

􀆈

Maintain Engagement

􀆈

Timeline Breakdown

Problem Space

Problem Space

Critical User Flows Were Confusing

"Bad design shouts at you. Good design is a silent seller." – Shane Meendering (Design Expert)

Through a heuristic audit and initial validation testing with a group of prospective users, several issues with the existing designs became evident, including...

1

Long Task Completion

Despite being an emergency app, it took several minutes to figure out how to complete basic tasks.

2

Poor Navigation & Layout

Critical actions were buried under several touchpoints, leading to confusion.

3

Paradox of Choice

Stakeholder assumptions led to the addition of too many features, without considering user priorities, which caused cognitive overload.

Stakeholder Meeting

Stakeholder Meeting

It's Presenting Issues to Stakeholders

"In a sense there's just one mistake that kills startups: not making something users want." – Paul Graham (YCombinator Founder)

I recognized that we couldn't effectively advance the app in its current state, so I initiated a meeting with all my stakeholders to present my findings using the following slide deck (modified to honor my NDA). My goal was to realign the team and develop a strategic plan for moving forward.

The Verdict

After A LOT of deliberation, we scaled back from a full app to an MVP launch to reduce costs. I was able to advocate for more competitive research, but we slightly adjusted the timeline to still upkeep the original plan.

The Verdict

After A LOT of deliberation, we scaled back from a full app to an MVP launch to reduce costs. I was able to advocate for more competitive research, but we slightly adjusted the timeline to still upkeep the original plan.

Adjusted Timeline

To stay on track, I worked with the stakeholders to alter our timeline to integrate these changes and make expectations clearer.

Discover: Foundational Research

Discover: Foundational Research

Analysing the Competition and Market Landscape

"Before working to design the thing right, we must first be sure we're designing the right thing." - Peter Morville (Founder of Information Architecture Institute)

With 66% of U.S. households now owning at least one pet and technology playing an increasingly significant role, the pet care app market has grown into a billion-dollar industry. Although PHaR operates as a non-profit, I aimed to understand its unique value in a crowded market and validate stakeholder assumptions. To do so, I conducted a thorough analysis of the market landscape.

Key Takeaways

Market Gap

No other apps on Android or iOS specifically cater to disaster care.

Market Gap

No other apps on Android or iOS specifically cater to disaster care.

Mobile Use

1 in 3 pet parents say pet tech keeps their pet safer (Secure Data Recovery).

Mobile Use

1 in 3 pet parents say pet tech keeps their pet safer (Secure Data Recovery).

Privacy

Users share data more freely on pet apps but privacy concerns are risng.

Privacy

Users share data more freely on pet apps but privacy concerns are risng.

Define: Feature Outline

Define: Feature Outline

Holding Workshops for Feature Priority

Rule of thumb for UX: More options, more problems.” - Scott Belsky, Chief Product Officer

Features

With objectives and user base clarified, I worked on a MoSCoW-like method to prioritize MVP features. This approach ensured crucial cross-team alignment and incorporated extensive input from front and back-end developers to determine priorities based on feasibility, time, and user needs.

Develop: Design Principles

Develop: Design Principles

Establishing Design Principles to Guide the Process

“Design creates culture. Culture shapes values. Values determine the future.” Robert Peters, co-founder of CIRCLE Design

With the features outlined, I knew it was time to start designing. However, to prevent the inconsistencies I noticed during onboarding, I developed UX principles based on my learnings so far. After confirming them with my team, I used these principles as a rubric for user interaction decisions.

Speed

Enabling users to make quick, easy decisions with little thought.

Speed

Enabling users to make quick, easy decisions with little thought.

Learnability

Creating an intuitive interface that users adapt to easily.

Learnability

Creating an intuitive interface that users adapt to easily.

Security

Safeguarding user information with consent.

Security

Safeguarding user information with consent.

Develop: Wireframing and Prototyping

Develop: Wireframing and Prototyping

Rapid Wireframing and Prototyping: Create, Test, Iterate

“Design isn’t just what it looks like and feels like — design is how it works.” – Steve Jobs, co-founder of Apple

To kick off the UI redesign, I restructured the app's existing information architecture using sticky notes to accommodate constant, quick changes. I then created mid-fidelity wireframes for key user flows and prototyped them for eight testers. My approach was simple: create, test, iterate—repeating this process for two cycles within two weeks. Below is an example of a crucial user flow that was tested: requesting pet help from contacts in the app

Iteration 1: Step-by-Step Pet Help Request (Left-to-Right)

Relatively low cognitive load

Instructions are relatively clear

Too much manual selection

UX writing is not clear: "What is a blast?"

Improve on preset option for user clarity

Expects message visibility, immediately

Iteration 2: Full Page, Scroll Pet Rescue Request (Left-to-Right)

Pre-selected options, low cognitive load

Instructions and language clear

Message display, more intuitive

Scrolling can be taxing

User information may not be necessary on sender's side

The second iteration was carefully crafted based on user input, UI standards, and developer collaboration. It received positive feedback, so I adjusted the flow for the final deliverables (hi-fidelity designs).

Deliver: Handoff to Development

Deliver: Handoff to Development

Stepping in as Product Manager

“Time is not refundable, use it with intention” Anonymous

Without a formal product manager, I created a Kanban board and worked closely with developers to initiate design tickets, document changes, and convert UI fixes into development tasks. This streamlined our process, reducing the design-to-development cycle time by 40% through a clear, timed routine.

Deliver: Beta Testing

Deliver: Beta Testing

Leading QA Testing Efforts

“Your most unhappy customers are your greatest source of learning.” – Bill Gates

While development began their work, I created a robust test plan using Notion and Google Sheets. I collaborated with several users across different device sizes and types and conducted multiple rounds of moderated and unmoderated usability testing. Although we didn’t have formal QA tools, I made the most of what we had and created a QA testing sheet for internal testers to use.

Solution

Solution

See It For Yourself

Through the current design practices, we achieved a 70% NPS, based on an anonymous survey taken by hundreds of prospective users, by optimizing task flows and addressing key pain points highlighted by detractors. I'm currently working on post-launch surveying to refine features and improve user adoption/engagement.

Notable Testimonials

Kiana Freeman

Recovery & Resilience Manager City of Louisville, CO

The Pet Help & Rescue application is such a benefit to our community. Keeping our pets safe is a priority. PHaR provides a service that allows neighbors to support each other like never before when disasters threaten and strike.

Kiana Freeman

Recovery & Resilience Manager City of Louisville, CO

The Pet Help & Rescue application is such a benefit to our community. Keeping our pets safe is a priority. PHaR provides a service that allows neighbors to support each other like never before when disasters threaten and strike.

Leslie Irvine

Director, Animals and Society Certificate Program

With disasters increasing in frequency and severity, the PHaR app promises to save thousands of lives of our beloved animal companions.

Leslie Irvine

Director, Animals and Society Certificate Program

With disasters increasing in frequency and severity, the PHaR app promises to save thousands of lives of our beloved animal companions.

Casara Andre

DVM Front Range Veterinary Medical Reserve Corps

As a veterinarian working in the disaster space, I am grateful to see this app come online. PHaR will save lives. And it arrives at a crucial time, as disaster preparedness, response, and recovery increasingly encompass pets and other animals. Neighbors helping neighbors can help keep all our pets safe.

Casara Andre

DVM Front Range Veterinary Medical Reserve Corps

As a veterinarian working in the disaster space, I am grateful to see this app come online. PHaR will save lives. And it arrives at a crucial time, as disaster preparedness, response, and recovery increasingly encompass pets and other animals. Neighbors helping neighbors can help keep all our pets safe.

Reflection

Reflection

Three Cheers for PHaR!

PHaR has been one of my more challenging projects, navigating tight timelines and complex stakeholder needs, but I've learned a lot of important things.

  • 1. Find the best ways to communicate to your stakeholders: With a tight timeline, I realised I had to manage my time efficiently.

  • 2. Rapid prototyping is immensely helpful: Going through critical flows with users via rapid prototyping gave so many important insights.

  • 3. Find the best ways to communicate to your stakeholders: My presentation was very helpful for bringing large issues to the attention of my team, but often times slack or loom videos were sufficient in getting simple points across to my other team members.

  • 4. Work within the constraints: I was lucky that my stakeholders were receptive to my findings, but often times this is not the response we are met with. If I had to work with the existing designs, I would have made it a point to do critical user flow testing and utilise the data to inform iterations.

@AnoushaDesigns' Profile

@AnoushaDesigns' Profile

Anousha Shadrach

@AnoushaDesigns

I'm a #designer specializing in user experience design (UX/UI) and brand strategy in the social good space. I deliver value through early validation initiatives and streamlined workflows to enhance user experiences.

Sponsored