El cliente
DURBANO 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. 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.
El desafío
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.
DURBANO 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 alineado a su identidad visual. Todo eso alimentado en tiempo real desde la API de Tokko, sin mantenimiento duplicado.
Decisiones técnicas
-
Integración vía API Tokko
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.
-
Motor de búsqueda propio
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.
-
Mapa interactivo con Leaflet.js
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.
-
Performance y caché de API
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 para no cargar lo que todavía no está en pantalla.
Stack tecnológico
- PHP
- Tokko API
- MySQL
- Leaflet.js
- HTML / CSS
- JavaScript
Resultado
El sitio de DURBANO está en producción con listings actualizados en tiempo real, motor de búsqueda con filtros y mapa interactivo.
La integración con Tokko elimina cualquier tarea de actualización manual: cuando el equipo de DURBANO 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.