Esys: una plataforma inmobiliaria de la búsqueda al cliente

El brief

ESYS VIP es una agencia inmobiliaria en la Costa Blanca. La primera llamada dejó claro el objetivo desde el principio: una presencia online de verdad, propiedad de la agencia, con una estructura que refleja cómo trabaja el equipo. Fichas que se hojean como una revista inmobiliaria. Un área de cliente que recuerda favoritos, búsquedas guardadas y alertas de precio. Un panel de gestión donde diez años de cartera se cargan, se editan y se traducen por el propio equipo, en cuatro idiomas.

Tres interfaces, un repositorio, un equipo. Scope cerrado desde el principio, sin fase dos.

Un catálogo, no un feed

La home es la búsqueda misma: ciudad o zona, tipo, dormitorios, un Search. El hero es una fotografía real de Alicante, no una ilustración, porque la agencia vende la ciudad además del inmueble. Bajo la primera vista, la cuadrícula Featured Properties enseña seis fichas a la vez con los datos que quien compra busca de verdad: precio, ubicación, dormitorios y baños, superficie en metros cuadrados, etiqueta segunda mano u obra nueva, una pill Available que pasa a Reservado en cuanto el panel la actualiza.

La ficha del inmueble es la pantalla a la que más tiempo dedicamos. Una fotografía amplia sobre una tira de miniaturas que llega a cien imágenes por ficha, el título completo con el barrio indicado (Jubalcoy, Torremanzanas, El Campello, La Mata), una franja de datos con dormitorios, baños y metros cuadrados, una fila de tags que separa segunda mano de obra nueva y casa de villa, y una tarjeta de contacto fijada junto a la galería con precio, referencia y Contact. Sin disclaimers, sin slots publicitarios entre las fotos y el precio, el contacto del agente exactamente donde quien compra está listo para usarlo.

Una cuenta, no un formulario de contacto

El lado cliente cubre login, registro, recuperación de contraseña y autenticación de dos factores. Un área de cuenta de cuatro secciones con favoritos que leen del mismo icono de corazón presente en cada ficha, búsquedas guardadas que se relanzan cada cierto tiempo, alertas de precio y de nuevos inmuebles por email, ajustes de perfil para idioma y preferencias de contacto.

El área de cliente es donde la relación con quien compra sigue abierta. Quien compra puede marcar una ficha, recibir un email cuando un inmueble parecido en el mismo pueblo baja de precio, guardar una búsqueda de casas de tres dormitorios con piscina en Mutxamel por debajo de 350.000 €, y volver a la agencia desde una página que ya conoce. El 2FA protege la cuenta del credential stuffing, el reset de contraseña va por email con un token de corta duración, y los mismos componentes pintan todo el flujo en móvil sin versiones recortadas.

Un admin que traduce

El back office hace tres tareas: mantener el catálogo editable en minutos también desde el móvil, alojar la biblioteca de medios que alimenta cada ficha, y traducir el mismo inmueble a cuatro idiomas sin un workflow separado por idioma.

La biblioteca de medios es el almacén de la agencia. Una dropzone drag-and-drop con whitelist JPG, PNG, WebP, GIF, AVIF y un techo de 200 MB por archivo. Una búsqueda sobre cualquier asset. Carpetas que reflejan cómo los agentes ya agrupan su cartera (Sin carpeta, borre xose, JUBALCOY el día del lanzamiento). Las fotografías están en la cuenta Cloudflare R2 de la agencia, export y migración íntegramente en manos del equipo.

El modo edición se abre en una página que sostiene la estructura de la ficha en tres columnas: básica (título, referencia, descripción), detalles (tipo, categoría, precio, superficie, dormitorios, baños), ubicación. Cada campo de texto lleva al lado el selector de cuatro idiomas (ES, EN, IT, RU) y el icono de traducción AI, así el agente escribe una vez en español y un click después tiene las versiones inglesa, italiana y rusa para revisar, editar o aceptar. El panel de imágenes por ficha lee de la misma biblioteca, admite hasta cien fotografías por ficha, con un campo alt por idioma en cada imagen, así la superficie SEO es multilingüe desde la primera pasada.

El sidebar lleva los módulos ya en producción (Propiedades, Blog, Usuarios, Media, Opciones) y los tres siguientes, etiquetados Soon (Leads, Analytics, Ajustes), así la roadmap está dentro de la herramienta con la que funciona la agencia, no enterrada en un Notion que nadie abre.

La IA en el flujo

Claude API está dentro del panel y hace dos trabajos que antes se comían una tarde del agente.

El primero es la traducción. El icono de traducción al lado de cada campo de texto llama a Claude pasando la cadena de partida, el idioma de llegada, el registro del inmueble alrededor del campo (precio, barrio, tipo, superficie, estado) y las pautas de voz de la marca sacadas del brief. Lo que vuelve no es la traducción de diccionario de una frase aislada. Es la misma descripción reescrita por un traductor que sabe que segunda mano en inglés es resale, que obra nueva es new-build, que quien compra desde Rusia quiere ver los metros cuadrados antes que los dormitorios, y que la agencia habla de Alicante con un registro que el equipo ha ajustado durante doce años.

El segundo es la generación de contenido. El icono de varita en los campos de título y descripción redacta un borrador a partir de los datos estructurados ya presentes en el formulario: un titular de una línea que pone el barrio por delante, una descripción larga que da los datos en el orden en el que quien compra los busca, un alt por imagen y por idioma para las fotografías que el agente subió diez segundos antes. El borrador nunca se guarda solo. El agente lo lee, lo edita, lo acepta. El sistema lleva la cuenta de qué campos arrancaron desde un borrador IA y cuáles se escribieron a mano, así la agencia mantiene la proporción de contenido firmado por una persona donde quiera tenerla.

Conectamos la API igual que conectamos la base de datos. Los prompts están en el repositorio al lado de los anuncios, legibles por quien tenga acceso a los commits. El equipo los ajusta, los cambia o deja de usarlos, con total autonomía.