Product Design · UX Research · UI Design

Search assistant for lost pets.

I designed a platform that organizes lost and found pet alerts with filters, a map, and a reporting flow built for when every minute counts.

Product
BuscaPet / Buscando Mascotas
Role
Product Designer · UX Research · UI · Prototyping
Duration
Coderhouse · 2021
Platforms
Responsive web · Mobile-first
Case study hero: search assistant for lost pets

Context

When a pet goes missing, the search starts in the noisiest place.

Today alerts live in Facebook groups, WhatsApp chats, and unstructured posts. Information fragments and cannot be filtered by area, species, or date.

Everything happens on Facebook

Alerts live in groups, chats, and unstructured posts. Information disappears from the feed within minutes.

No shared criteria

Every post follows a different format. It is hard to filter by area, species, date, or the animal's status.

Real urgency

The first hours are critical. Publishing and finding alerts has to be fast, clear, and low-friction.

I was not designing another social network. I was designing an assistant so an urgent alert would not get lost between memes and unrelated posts.

Problem context on social media
Today alerts live in Facebook groups and posts without a shared structure.

Challenge

The challenge

Build a search assistant that centralizes reports, cuts through social media noise, and helps owners and neighbors coordinate with reliable, actionable information.

Project challenge and research
Interviews and surveys to understand owners, neighbors, and the current ecosystem.

Research

Interviews and surveys to understand owners, neighbors, and the current ecosystem.

Research focused on three actors: the pet as the object of the search, the owner in an urgent situation, and the community that wants to help without friction.

Methods

  • · In-depth interviews
  • · Surveys
  • · Social group analysis

The pet

A clear photo, distinguishing marks, and last known location are the first things everyone looks for when scanning an alert.

The owner

Needs to spread the word quickly without repeating the same information across five different groups.

The community

Wants to report a sighting without friction, know if someone already did, and contact discreetly.

Research insights: pet, owner, and community
Three research focuses: the pet, the owner, and the community.

Architecture

Site map and user flow to report, search, and contact.

The critical path is reporting a pet: alert type, photo, details, location, review, and publish. The rest of the product revolves around making that path fast and reliable.

Site map and user flow
Information architecture and flow to report a pet.

Wireframes

Structure before UI: validate hierarchy and steps without visual distractions.

Low-fidelity wireframes
Mobile wireframes to validate hierarchy before the final UI.

UI Kit

A clear, empathetic system that stays readable under pressure.

Readable sans-serif on mobile, with clear hierarchy between titles, alert metadata, and Lost / Found states.

  • Primary blue

    #2D7FF9 · Brand, primary actions

  • Dark blue

    #0F3D8C · Hero and contrast

  • Soft pink

    #F4C4D8 · Accents and emotional states

  • Mint green

    #B8E8D8 · Positive states and visual support

  • Neutral gray

    #6B7280 · Secondary text and borders

UI kit: color, typography, and components
Visual system with blues, soft accents, and reusable components.

Solution

BuscaPet: prototype to search, filter, and coordinate reunions.

The solution combines an alerts feed, a reports map, a publishing flow, and a pet profile with Lost and Found states.

Alerts feed

Cards with Lost or Found status, photo, location, and date to scan recent reports.

Reports map

Geographic view to understand matches by area and prioritize nearby searches.

Report a pet

Short flow with photo, essential details, and map location, designed for stressful moments.

Alert profile

Detail page with map, description, contact, and clear actions to coordinate the reunion.

BuscaPet high-fidelity mockups
BuscaPet prototype: feed, map, report, and pet profile.

Learnings

What the project left as design criteria.

Structure before aesthetics

The problem was coordination, not visual. Site map, alert states, and the reporting flow defined the product.

Design for urgency

Every extra field competes with the stress of the moment. I prioritized short forms, visible progress, and useful defaults.

Three actors, one system

Pet, owner, and community have different needs but converge on publishing, filtering, and contacting quickly.

Más proyectos