Product Design · UX Research · UI Design

Asistente de búsqueda para mascotas perdidas.

Diseñé una plataforma que organiza avisos de mascotas perdidas y encontradas, con filtros, mapa y un flujo de reporte pensado para cuando cada minuto cuenta.

Producto
BuscaPet / Buscando Mascotas
Rol
Product Designer · UX Research · UI · Prototipado
Duración
Coderhouse · 2021
Plataformas
Web responsive · Mobile-first
Hero del case study: Asistente de búsqueda para mascotas perdidas

Contexto

Cuando una mascota se pierde, la búsqueda empieza en el lugar más ruidoso.

Hoy los avisos viven en grupos de Facebook, chats de WhatsApp y publicaciones sin estructura. La información se fragmenta y no se puede filtrar por zona, especie o fecha.

Todo pasa en Facebook

Los avisos viven en grupos, chats y publicaciones sin estructura. La información se pierde en el feed en cuestión de minutos.

Sin criterios comunes

Cada post tiene un formato distinto. Es difícil filtrar por zona, especie, fecha o estado del animal.

Urgencia real

Las primeras horas son críticas. Publicar y encontrar avisos tiene que ser rápido, claro y con poca fricción.

No estaba diseñando otra red social. Estaba diseñando un asistente para que un aviso urgente no se pierda entre memes y publicaciones ajenas.

Contexto del problema en redes sociales
Hoy los avisos viven en grupos de Facebook y publicaciones sin estructura común.

Desafío

El desafío

Crear un asistente de búsqueda que centralice reportes, reduzca el ruido de las redes y ayude a dueños y vecinos a coordinarse con información confiable y accionable.

Desafío del proyecto e investigación
Entrevistas y encuestas para entender dueños, vecinos y el ecosistema actual.

Investigación

Entrevistas y encuestas para entender dueños, vecinos y el ecosistema actual.

La investigación se enfocó en tres actores: la mascota como objeto de búsqueda, el dueño en situación de urgencia y la comunidad que quiere ayudar sin fricción.

Métodos

  • · Entrevistas en profundidad
  • · Encuestas
  • · Análisis de grupos en redes

La mascota

Foto clara, señas particulares y última ubicación conocida son lo primero que todos buscan al escanear un aviso.

El dueño

Necesita difundir rápido sin repetir la misma información en cinco grupos distintos.

La comunidad

Quiere reportar un hallazgo sin fricción, saber si alguien ya lo hizo y contactar con discreción.

Insights de investigación: mascota, dueño y comunidad
Tres focos de la investigación: la mascota, el dueño y la comunidad.

Arquitectura

Mapa de sitio y user flow para reportar, buscar y contactar.

El recorrido crítico es reportar una mascota: tipo de aviso, foto, datos, ubicación, revisión y publicación. El resto del producto orbita alrededor de hacer ese camino rápido y confiable.

Mapa de sitio y user flow
Arquitectura de información y flujo para reportar una mascota.

Wireframes

Estructura antes de UI: validar jerarquía y pasos sin distracciones visuales.

Wireframes de baja fidelidad
Wireframes mobile para validar jerarquía antes de la UI final.

UI Kit

Un sistema claro, empático y legible bajo presión.

Sans-serif legible en mobile, con jerarquía clara entre títulos, metadatos de avisos y estados Perdido / Encontrado.

  • Azul primario

    #2D7FF9 · Marca, acciones principales

  • Azul oscuro

    #0F3D8C · Hero y contraste

  • Rosa suave

    #F4C4D8 · Acentos y estados emocionales

  • Verde menta

    #B8E8D8 · Estados positivos y apoyo visual

  • Gris neutro

    #6B7280 · Texto secundario y bordes

UI kit: color, tipografía y componentes
Sistema visual con azules, acentos suaves y componentes reutilizables.

Solución

BuscaPet: prototipo para buscar, filtrar y coordinar reencuentros.

La solución combina feed de avisos, mapa de reportes, flujo de publicación y perfil de mascota con estados Perdido y Encontrado.

Feed de avisos

Tarjetas con estado Perdido o Encontrado, foto, ubicación y fecha para escanear reportes recientes.

Mapa de reportes

Vista geográfica para entender coincidencias por zona y priorizar búsquedas cercanas.

Reportar mascota

Flujo corto con foto, datos esenciales y ubicación en mapa, pensado para momentos de estrés.

Perfil del aviso

Ficha con mapa, descripción, contacto y acciones claras para coordinar el reencuentro.

Mockups de alta fidelidad de BuscaPet
Prototipo BuscaPet: feed, mapa, reporte y perfil de mascota.

Aprendizajes

Lo que el proyecto dejó como criterio de diseño.

Estructura antes que estética

El problema era de coordinación, no visual. Mapa de sitio, estados del aviso y flujo de reporte definieron el producto.

Diseñar para la urgencia

Cada campo extra compite con el estrés del momento. Prioricé formularios cortos, progreso visible y valores por defecto útiles.

Tres actores, un mismo sistema

Mascota, dueño y comunidad comparten necesidades distintas pero convergen en publicar, filtrar y contactar con rapidez.

Más proyectos