← Volver al portafolio

Producto · App ciudadana de impacto social

Rastrea Huellas

Plataforma web gratuita que ayuda a mascotas perdidas a volver a casa tras el sismo de magnitud 7.4 que sacudió al occidente colombiano, concebida, diseñada y construida en menos de 48 horas.

Portada de Rastrea Huellas, logo, tagline y mockup de la app

Resumen

Rastrea Huellas es una plataforma web gratuita, sin ánimo de lucro y sin necesidad de registro, para reportar y buscar mascotas perdidas o encontradas. Nació el mismo día del sismo, a partir de una campaña de sensibilización en redes sociales, y en menos de 48 horas pasó de ser una idea a una app real corriendo en su propia URL. Mi rol fue idea, producto, diseño y construcción end-to-end: diseñé y programé la app yo mismo usando desarrollo asistido por IA, con el apoyo de dos colaboradores para infraestructura y difusión.

El contexto

El 10 de agosto de 2026, un sismo de magnitud 7.4 con epicentro en San José del Palmar (Chocó) sacudió el occidente colombiano, afectando con especial fuerza a Cali, Pereira, Manizales y Quibdó. Mientras las familias enfrentaban la emergencia, cientos de mascotas quedaron perdidas o separadas de sus hogares.

En redes sociales se multiplicaron publicaciones sueltas de personas buscando a sus animales o reportando otros que habían encontrado, pero sin ningún lugar centralizado donde cruzar esa información. Cada historia quedaba aislada en su propio post, imposible de buscar o filtrar.

Origen de la idea

La iniciativa surgió de mí y de Arya, mi perrita, quien se convirtió en la vocera informal de una campaña de sensibilización en Instagram y TikTok sobre la cantidad de mascotas que aún no lograban volver a casa. Lo que empezó como un llamado de atención se transformó, en cuestión de horas, en la decisión de construir algo real en vez de esperar el momento perfecto.

De la idea a producción en menos de 48 horas

Diseñé y construí el producto yo mismo, de punta a punta, usando desarrollo asistido por IA (Claude Code) para pasar de la idea al código en horas en vez de semanas, coherente con mi práctica de diseño potenciado por IA. El stack: Next.js + Supabase, desplegado inicialmente en Vercel.

Noche 1

Idea y MVP funcional

De la idea al primer producto funcional en una sola noche de trabajo: reportar mascotas, verlas en mapa, directorio de refugios.

Día 2

Se suman colaboradores

Diego Peña (Apex One) se ofreció a donar el dominio propio y una VPS para que el proyecto no dependiera únicamente de los planes gratuitos de Vercel y Supabase. Fabián Moncada pidió videos de Arya y produjo el primer reel para Instagram y TikTok.

<48h

En vivo en su propia URL

Menos de 48 horas después de tener la idea, la app ya estaba corriendo en rastreahuellas.com, con infraestructura propia en marcha.

Seguridad sin fricción

Sin cuentas, pero con seguridad real: límite de reportes por IP (rate limiting), un honeypot anti-bots, y tokens únicos que garantizan que solo quien creó un reporte pueda cerrarlo. La moderación de contenido inapropiado es manual por ahora, una decisión consciente de no sobre-construir para un MVP de emergencia.

El producto

Completamente gratuita, sin publicidad y sin necesidad de crear una cuenta. Desde la plataforma, cualquier persona puede reportar una mascota perdida o encontrada con foto, ubicación y datos de contacto; buscar reportes activos por ciudad, especie o estado en formato lista o mapa interactivo; consultar un directorio de refugios y fundaciones de rescate; y sugerir un nuevo refugio para sumarlo al directorio.

Inicio

Punto de entrada con acceso directo a reportar y buscar.

Reportar

Foto, ubicación y contacto, sin registro, en menos de un minuto.

Reportes

Lista o mapa interactivo, filtrable por ciudad, especie y estado.

Detalle de mascota

Toda la información de un reporte individual y su estado.

Refugios

Directorio de refugios y fundaciones de rescate por zona.

Sugerir refugio

Cualquiera puede proponer un refugio nuevo para el directorio.

Ayuda

Qué hacer si se encuentra o se pierde una mascota.

Cómo funciona / FAQ

Preguntas frecuentes sobre el uso y el alcance de la app.

Decisiones de diseño

Grid de 2 columnas para la lista de reportes, decisión explícita para aprovechar el espacio cuando hay muchos reportes simultáneos, en vez de tarjetas grandes de una sola columna.

Mapa con leyenda de color: rojo para perdido, verde para encontrado, azul para en refugio, naranja para refugios, de un vistazo, sin necesidad de leer nada.

Navegación inferior fija en todas las pantallas, para que reportar o buscar esté siempre a un toque de distancia.

Sistema visual

La paleta y la tipografía se diseñaron en Stitch (la herramienta de IA de Google para UI) a partir de mockups que generé y ajusté. La intención fue deliberada: transmitir calma y evitar colores alarmistas, coherente con ser una herramienta usada en medio de una emergencia real.

#5F7A61 · primario
#D4A373 · secundario
#F0EAD6 · fondo
#E9EDC9 · superficie suave
#1F2A20 · texto

Tipografía y componentes

Plus Jakarta Sans para titulares, Be Vietnam Pro para cuerpo de texto. Componentes construidos sobre shadcn/ui, sin librería propia, una decisión consciente para no sobredimensionar el sistema en un MVP de una sola persona. Esquinas redondeadas de forma consistente en todo el producto, parte deliberada de una identidad que busca sentirse accesible y en calma.

Impacto y prensa

Dos días después del lanzamiento ya había tracción real, y la cobertura llegó rápido, un resultado inusual para un proyecto construido por una sola persona en menos de 48 horas.

Entrevista · Blu Radio, La Nube

"Así funciona la aplicación que reúne familias con sus mascotas perdidas."

Entrevista · Caracol Radio

No encontramos el audio original del programa, pero este es el reel con la entrevista.

El corazón del proyecto es ayudar a que las mascotas extraviadas volvieran a casa lo más pronto posible. Nos dimos cuenta que en redes había cientos de historias sueltas, sin ningún lugar donde encontrarse, y de allí salió Rastrea Huellas.

Andrés Martínez, creador de Rastrea Huellas
43k+
Reproducciones del reel principal
35k+
Espectadores en redes sociales

Pantallas

Las 8 pantallas construidas y en producción: inicio, reportar, reportes (lista y mapa), detalle de mascota, refugios, sugerir refugio, ayuda, y cómo funciona / FAQ.

Pantalla de inicio de Rastrea Huellas
Formulario para reportar una mascota perdida
Lista de reportes de mascotas con filtros
Detalle de un reporte de mascota
Directorio de refugios y fundaciones de rescate
Formulario para sugerir un nuevo refugio
Pantalla de ayuda con opción de donar
Preguntas frecuentes sobre Rastrea Huellas