Peluditos: cada animal de Oruro, con nombre y placa.
Diciembre de 2025 · v2 en línea
Un registro único de animales para Oruro, hecho con CITI Oruro: perdidos y encontrados, adopciones, placa con QR, censo de campo, datos abiertos y jornadas de esterilización priorizadas por mapa.
Tecnología
Next.js 16
TypeScript
Firebase- MapLibre GL
- QR
- React 19
- Tailwind CSS 4
- Firestore
PWA
Servicios
El proyecto
Cliente e idea
Peluditos nació como una app de mascotas perdidas en Oruro. Junto con CITI Oruro la convertimos en un registro único de animales: sobre él funcionan la placa con QR, el reencuentro de perdidos y encontrados, las adopciones, el censo de campo y la esterilización.
Reto y objetivos
Oruro tiene cerca de un perro por cada dos habitantes, pero nadie sabe cuántos son, dónde están ni cuáles fueron vacunados o esterilizados. Las familias buscan a su mascota en grupos de WhatsApp y afiches en los postes, y esa información se pierde. Había que darles una herramienta mejor y, con ella, contar a los animales de la ciudad sin exponer los datos de nadie.
Solución y resultado
Diseñamos un sitio público donde ver y compartir no pide cuenta: cada publicación tiene su enlace, su mapa, su botón «Lo vi» y un afiche para imprimir, y cada animal registrado recibe un código corto y un QR que lleva a su perfil.
Sobre el mismo registro sumamos el censo para refugios, veterinarias, juntas vecinales y el municipio, un panel de datos abiertos con exportación a CSV y un mapa que dice en qué barrios hace más falta esterilizar.
Un registro único
Cada animal de Oruro, con nombre y placa con QR.
Perdidos y encontrados
La comunidad ayuda a que vuelvan a casa.
Privacidad primero
Las ubicaciones públicas nunca son exactas.
Resumen del proyecto
Funciones principales
El recorrido empieza con una urgencia: alguien pierde o encuentra un animal. Publica en un minuto, los vecinos lo ven en la cuadrícula y en el mapa, y ese mismo registro termina alimentando los datos que la ciudad necesita.
Una portada para volver a casa
«Ayúdalos a volver a casa» abre con un buscador por nombre, raza, color o lugar, pestañas por tipo y filtros por especie y zona. Rojo para perdidos, azul para encontrados y verde para adopción: los colores solo significan eso.
Cada publicación, con su enlace y su afiche
La ficha reúne fotos, señas, recompensa y un mapa con los avistamientos de los vecinos. Desde ahí se comparte por WhatsApp o se imprime el afiche para los postes, y el animal queda unido a su placa.
Publicar en menos de un minuto
Una sola pregunta: ¿perdiste, encontraste o quieres registrar a tu mascota? Cada camino pide lo justo, y al registrar se crea la placa con su código y su QR mientras se llenan los datos.
Datos abiertos para la ciudad
El panel muestra animales registrados, esterilización, cobertura antirrábica, reencuentros y adopciones por zona, sobre un mapa y en una tabla. Cualquiera puede verlo y descargarlo en CSV.
Desarrollo
Metodología
Construimos la v2 en Next.js 16 con exportación estática y Tailwind 4, sobre Firebase: autenticación con Google y Firestore en tiempo real con caché persistente, para que el censo funcione sin señal. Se instala como app en el celular, los mapas usan MapLibre y las reglas de seguridad se prueban en el emulador. Reemplazamos los dos sistemas de diseño mezclados de la v1 por uno propio.
Proceso
Mapa del sitio
Cinco puertas desde la portada. Las fichas punteadas son plantillas: se diseñaron una vez y sirven a cada publicación, a cada placa escaneada y a cada jornada de esterilización.
- Explorarpúblico, sin cuenta
- Cuadrícula con buscador
- Mapa de publicaciones
- Publicaciónplantilla × cada publicación
- Perfil de la placa (QR)plantilla × cada animal
- Publicarmenos de un minuto
- Perdí a mi mascota
- Encontré un animal
- Registrar a mi mascota
- Afiche para imprimir
- Esterilizaciónmapa de prioridad
- Jornadas abiertas
- Dónde hace falta
- Jornadaplantilla × cada jornada
- Afiche de la jornada
- Datosabiertos
- Panel por zona
- Exportación a CSV
- Concepto con números en vivo
- Mi cuentacon Google
- Mis animales
- Actividad
- Organizaciones
- Censo en campo
- Perfil
Proceso
Primero el celular
Quien pierde a su mascota está en la calle, con el teléfono en la mano. Por eso cada pantalla se pensó primero para el celular: una sola acción principal, el botón de publicar siempre al centro y la navegación al alcance del pulgar.
Proceso
Páginas completas
La propuesta para la ciudad, la portada con sus publicaciones y la ficha de un animal perdido, de principio a fin. Todo lo que se ve son registros de demostración, marcados como tales.
Marca
Tipografía
Una grotesca pesada y un poco condensada, como el nombre del logo, reservada para títulos y cifras grandes. El texto corrido va en Atkinson Hyperlegible, creada para personas con baja visión, y los códigos de placa en su versión mono.
Bricolage Grotesque
BoldExtraBold
Marca
Colores
Todo sale del logo: el albaricoque de su círculo es la marca y la única acción principal, y el cacao de su trazo es la tinta. La página se queda en blanco y crema para que el color lo pongan las fotos de los animales.
Conclusión
Peluditos convierte la búsqueda de una mascota en el motivo para registrarse, y ese registro en el censo que Oruro necesita. Hoy cada animal puede tener su nombre, su placa y un camino de vuelta a casa.
Casos
