DIURBANO es una inmobiliaria con sede en Buenos Aires que opera tanto en el mercado de venta como de alquiler de propiedades. Con un portfolio activo de listings y una base de clientes creciente, necesitaban dar el salto a una presencia digital que estuviera a la altura del nivel de su operación.
Su CRM de gestión de propiedades es Tokko, la plataforma inmobiliaria más utilizada en Argentina. Toda la información de listings, imágenes, precios y coordenadas geográficas vive ahí — y el desafío era traer esa información al sitio web en tiempo real, sin duplicar carga operativa.
Tokko ofrece un widget embebible para mostrar propiedades en sitios externos. Sin embargo, ese widget tiene limitaciones importantes: diseño fijo sin personalización, filtros limitados, sin mapa propio y rendimiento fuera del control del desarrollador.
DIURBANO necesitaba algo distinto: un motor de búsqueda propio con filtros avanzados (operación, tipo de propiedad, barrio, precio, dormitorios), un mapa interactivo con pins de propiedades, y un diseño 100% alineado a su identidad visual. Todo eso alimentado en tiempo real desde la API de Tokko — sin mantenimiento duplicado.
Autenticación mediante API key en el header de cada request. Consumo de los endpoints de listings con paginación propia (LimitOffset). Normalización de datos: tipología, operación, ubicación, precios e imágenes en un formato consistente para el frontend.
Formulario con filtros nativos: operación (venta / alquiler), tipo de propiedad, barrio, rango de precios y cantidad de dormitorios. Los parámetros se traducen directamente a la query string de la API, manteniendo la lógica de filtrado en el servidor y la UI limpia en el cliente.
Cada propiedad expone coordenadas lat/lng desde Tokko. Con Leaflet.js (open source, sin costo de licencia) se renderizan pins en el mapa. Al hacer clic en un pin aparece un popup con precio, tipo y link al detalle. En mobile el mapa es full-width y colapsable para no bloquear el scroll.
Las respuestas de la API de Tokko se cachean en servidor por 15 minutos,
reduciendo latencia y evitando sobrepasar los límites de rate de la API.
Las imágenes usan loading="lazy" nativo. Resultado: 100 en
PageSpeed tanto en mobile como en desktop.
El sitio de DIURBANO está en producción con listings actualizados en tiempo real, motor de búsqueda funcional, mapa interactivo y un puntaje de 100 en PageSpeed tanto en mobile como en desktop.
La integración con Tokko elimina cualquier tarea de actualización manual: cuando el equipo de DIURBANO carga o modifica una propiedad en su CRM, el cambio se refleja automáticamente en el sitio web en el próximo ciclo de caché — sin intervención técnica adicional.