Volver a los trabajos
2026ESYS VIPReal estate platform, public, account and admin

ESYS VIP: una plataforma inmobiliaria completa en dos semanas

Una agencia inmobiliaria en la Costa Blanca, online con toda la superficie en catorce días. Un catálogo público con obra nueva y segunda mano, un área de cliente con favoritos, búsquedas guardadas y alertas de precio, y un panel de gestión que traduce cada campo de ficha en cuatro idiomas y funciona sobre su propia librería de media.

Real estateMarketplaceAdmin
ESYS VIP: una plataforma inmobiliaria completa en dos semanas

Día 1–3 · El brief

ESYS VIP es una agencia inmobiliaria en la Costa Blanca. La llamada de descubrimiento puso el objetivo en foco desde el primer día: una presencia online de verdad, de la agencia, con una superficie que refleja cómo trabaja el equipo de verdad. 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 superficies, un repositorio, un equipo. Al tercer día teníamos el scope cerrado y el calendario dibujado: catorce días del brief al live, sin fase dos.

Dos semanas, tres superficies

  • 14 díasDel brief al liveDiez días laborables y un fin de semana, un único repositorio, sin fase dos
  • 3Superficies entregadasCatálogo público, área de cliente, panel de gestión
  • 4Idiomas por fichaEspañol, inglés, italiano, ruso, traducidos campo a campo con asistencia de IA
  • 100Fotos por fichaEn el bucket R2 de la agencia, con alt text escrito en cuatro idiomas
ESYS VIP home page in dark mode. Top navigation reads Home, Properties, New Builds, Resale, Blog, About Us, Contact, plus a language switch on EN, a theme toggle, a heart icon for favourites and an account icon. Hero photograph shows the Alicante coastline with the Santa Bárbara castle on the left cliff, the harbour on the right and the city packed against the sea. A glass search panel sits over the photo with the headline "Find your ideal home", the subtitle "New build and resale properties with professional guidance" and a four-input search row: city or address, type, bedrooms, and a Search button. The Featured Properties section starts below the fold.
El primer fotograma: la costa de Alicante detrás de un panel de búsqueda de cuatro campos. Tipo, zona, dormitorios, y el resto del catálogo a un tap. El mismo hero en tema claro aparece dos scrolls más abajo, como referencia.

Día 4–7 · Un catálogo, no un feed

La primera semana construyó el catálogo público. 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 sobre la que más tiempo pasamos. 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.

ESYS VIP Featured Properties grid in dark mode. Six listing cards over two rows. Top row: a rustic 4-bedroom house with garden in Jubalcoy, Alicante at €519,000 with 4 bedrooms, 3 bathrooms, 445 m²; a luxury 4-bedroom penthouse in Alicante centre at €795,000 with 137 m²; a modern 3-bedroom penthouse in La Mata at €285,000 with 129 m². Second row starts with three more cards: a town interior, a styled living room with plants, and a wide lounge view. Each card carries a Resale tag, a green Available pill, an outlined heart icon in the top right for favourites, and price plus key facts in a clean stacked layout.
Seis fichas a la vez, los cuatro datos que quien compra busca de verdad, un icono de corazón que escribe en el área de cliente. Nada entre la foto y el precio.
ESYS VIP property detail page in dark mode. Breadcrumb reads Properties · House located in the Barranco de Huerta de Torremanzanas area. Main photograph: a hillside estate with almond trees in bloom, a gazebo and dining terrace, mountains in the distance. Thumbnail strip below the photo with eight visible thumbs and a +25 counter on the rightmost tile. Title block: "House located in the Barranco de Huerta de Torremanzanas area", location pin Torremanzanas, Alicante, green Available pill, Resale and Villa tags, key facts row with bedrooms, bathrooms and 420 m². Right-hand booking card pinned next to the gallery: €850,000, reference TO-003, a white Contact button and a Save link. The description below opens with a 23-hectare estate renovated in 1987, self-sufficient with a well and solar panels.
Una finca de 23 hectáreas cerca de Torremanzanas a 850.000 €. La ficha del inmueble en tema oscuro. Fotografía, miniaturas hasta cien, título con el barrio por delante, franja de datos, tags y una tarjeta de contacto fijada junto a la galería.
ESYS VIP property detail page in light mode for a different listing: "Rustic 4-bedroom house with garden in Jubalcoy". Main photograph: a low whitewashed house behind a tall tree, fenced gravel garden, blue sky. Thumbnail strip with eight visible thumbs and a +25 counter. Title block with location pin Jubalcoy, Alicante, green Available pill, Resale and House tags, key facts row showing 4 bedrooms, 3 bathrooms, 445 m². Right-hand booking card with €519,000, reference EL-241, a black Contact button and a Save link. The description below begins with the property being a historic 1910 single-family home, fully restored in 2010, 445 m² built across two levels.
La misma plantilla en tema claro sobre otra ficha, una casa de 1910 en Jubalcoy reformada en 2010 a 519.000 €. La página es un solo set de componentes, no dos. El tema es un token, no un rediseño.

Día 8–11 · Una cuenta, no un formulario de contacto

La segunda semana puso en marcha el lado cliente. Login, registro, recuperación de contraseña y autenticación de dos factores el día ocho. Un área de cuenta de cuatro secciones el día diez: favoritos que leen del mismo icono de corazón presente en cada ficha, búsquedas guardadas que se relanzan con un calendario, alertas de precio y de nuevos inmuebles por email, ajustes de perfil para idioma y preferencias de contacto.

El área de cliente es donde vive la relación con quien compra. 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 vida corta, y los mismos componentes pintan todo el flujo en móvil sin versiones recortadas.

Día 12–14 · Un admin que traduce

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

La librería de media 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 viven en la cuenta Cloudflare R2 de la agencia, export y migración íntegramente en manos del equipo.

El modo edición abre sobre 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 librería, 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 vive dentro de la herramienta que mueve la agencia, no enterrada en una Notion que nadie abre.

ESYS VIP admin Media library page in dark mode. Same left sidebar as the rest of the back office: Dashboard, Propiedades, Blog, Leads marked Soon, Usuarios, Media (active), Opciones, Analytics Soon, Ajustes Soon. Footer of the sidebar reads "Built with Digiko DS". Main view: Media headline, an upload dropzone reading "Arrastra archivos aquí o haz clic para subir" with format whitelist JPG PNG WebP GIF AVIF and a 200 MB ceiling, a search input "Buscar archivos...", a Todos type filter on the right. A Carpetas sidebar lists folders Todos, Sin carpeta, borre xose, JUBALCOY. The main panel shows a four-column grid of property photographs, each tile labelled with the source filename (chalet-venta-partida-...) and a size in kB, scrolled into a second row of the same grid.
El almacén de media de la agencia, alojado en su propia cuenta de Cloudflare R2. Subidas drag-and-drop, whitelist JPG / PNG / WebP / GIF / AVIF, carpetas que reflejan cómo los agentes ya agrupan el catálogo (Sin carpeta, borre xose, JUBALCOY al lanzamiento), una búsqueda sobre cualquier asset.
ESYS VIP admin Editar Propiedad page in dark mode. Same left sidebar as the Media page. Page header carries a back arrow, the title "Editar Propiedad" and a primary Guardar button on the right. Left main column shows an "Información básica" card with a Título field for "Casa rústica de 4 dormitorios con jardín en Jubalcoy" alongside four language toggles (ES, EN, IT, RU) and a translate icon plus an AI wand icon; a Referencia field set to EL-241; a multi-line Descripción field with the same per-language toggles, opened in Spanish on a long description starting "Es una vivienda unifamiliar del año 1910 de planta baja y una altura totalmente reformada en 2010". Below it a Detalles card with Tipo Casa, Categoría Segunda Mano, Precio 519000, Superficie 445, Habitaciones 4, Baños 3. Right column carries two cards: Estado, with a Publicada checkbox ticked and an "Aparece en" group including Destacado, Página inicial 1, Página inicial 2 and Quiénes Somos; Imágenes, counting 28 / 100 used, with two image rows visible, each showing a thumbnail, an alt-text field with the same four language toggles, a description field and a red delete control.
Donde viven los cuatro idiomas. Cada campo de texto lleva el selector ES, EN, IT, RU y el icono de traducción AI. El panel de imágenes marca 28 / 100, con un campo alt por idioma en cada fotografía, así la agencia es dueña de su superficie SEO según va creciendo el catálogo.

La IA en el flujo

Claude API vive 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 notas de voz de marca cargadas desde el 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.

Cableamos la API igual que cableamos la base de datos. Los prompts viven 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 llamarlos en sus propios términos.

ESYS VIP About Us page in dark mode. Left column carries an overline "WHO WE ARE", the headline "Twelve years turning Alicante into someone's next chapter" and the lede "A real estate practice for people who want serious advice, not a sales pitch". Right column is a three-photo composition of Alicante: a wide shot of the Santa Bárbara castle headland with the marina to its right, a palm-lined promenade with the white-and-black mosaic tile of the Explanada de España, and a narrow pedestrian street with painted stair risers in the historic centre.
La superficie de la marca, a propósito sobria al lado del catálogo. Doce años de oficio en el titular, una frase sobre la postura de la agencia, tres fotografías de Alicante que quien visita reconoce antes de reconocer a la agencia.
ESYS VIP blog index page in light mode under the brand "ESYS Journal". Headline "Blog" with the subtitle "News, guides and insights from the real estate world". Category chips below the header: All categories 129, Discover Alicante 12, Buyer's Guide 24, Areas & Neighborhoods 20, Lifestyle 17, Real Estate Investment 17, New Builds 28, Resale 15, Moving to Spain 10. Featured article block at the bottom with a photo of hands signing a document on a red folder. Headline: "How to buy a home in Spain as a foreigner: step-by-step guide". Lede: "From the NIE to the notary. Ten real-world steps, no legal jargon, to turn your ideal Costa Blanca home into a title deed in your name." Meta: 11 APR 2026, 8 min read, Read more pill.
ESYS Journal: 129 entradas en nueve categorías el día del lanzamiento, alimentadas desde el mismo panel y el mismo editor multilingüe del catálogo. El artículo destacado el primer día era la guía práctica para comprar casa en España como extranjero, la pregunta que la agencia se encuentra más veces al teléfono.

Stack

  • Next.js16
  • React19
  • TypeScript5
  • TanStack Query
  • Tiptap
  • Postgres16
  • Supabase
  • Upstash Redis
  • Cloudflare R2
  • Resend
  • Claude API
  • Vercel Edge

Dos semanas. Ahora tenemos una web que gestiona obra nueva, segunda mano, el área de cliente, nuestro journal y el día a día desde una sola pantalla, en cuatro idiomas. Los agentes dejaron de copiar y pegar descripciones al tercer día de uso.

Propietario, ESYS VIPUna semana después del lanzamiento

¿Necesitas la superficie inmobiliaria completa en dos semanas?

Construimos el catálogo público, el área de cliente y el panel de gestión desde un único repositorio, en tus idiomas, con la voz de tu equipo en cada traducción. Escríbenos.

Empezar un proyecto