El sitio de un grupo inmobiliario de Madrid, alimentado en vivo por su sistema de gestión de propiedades y editable frase a frase.

Rol
Ingeniero principal.
Estudio
Authect
Año
2026
Lugar
Madrid
Hecho con
Next.js 15, React 19, TypeScript, Tailwind CSS, Drizzle, PostgreSQL, Auth.js, next-intl, Mapbox GL
Página de inicio de Luka Capital sobre unos acantilados junto al mar. El titular dice: Your capital deserves an architect.

Luka Capital es un grupo inmobiliario de Madrid con tres divisiones: inversiones, living y legal. El encargo pedía un lujo sencillo y un sitio que se ganara la confianza de los inversores institucionales en lugar de comportarse como un portal inmobiliario.

Lo construí en Authect, en inglés y español: el sitio público, un catálogo en vivo alimentado por el sistema Avantio del cliente y el estudio desde el que la firma lo gestiona todo, que tiene su propia página aquí.

  • 17rutas localizadas
  • 2idiomas
  • 12tarjetas para compartir, generadas por código
  • 11tablas en la base de datos
La página de inicio, con scroll. 13 segundos.

Catálogo en vivo

  • Avantio, en dos capas

    El catálogo llega en feeds XML comprimidos, que se leen aplicando una lista blanca explícita y se guardan en caché. La disponibilidad y el precio salen de llamadas SOAP en vivo, cada una con su propio límite de tiempo.

  • Falla sin caerse

    Si el feed se cae, el sitio recurre a un conjunto estático. El cliente de la base de datos se inicializa de forma perezosa, así que el sitio público se compila y se sirve aunque no haya conexión con la base de datos.

  • Presupuestos que no se pueden falsear

    Al calcular el presupuesto de una estancia, el servidor vuelve a identificar el alojamiento a partir del slug de la página, de modo que un cliente no puede pedir el precio de otra unidad.

Catálogo de propiedades con filtros por ciudad, barrio, tipo de alquiler y fechas.

En manos de la firma

  • Cada frase tiene una clave

    Las ediciones se guardan en la base de datos y se superponen a los archivos de traducción al renderizar la página. Si la base de datos se cae, el sitio sirve el texto con el que se publicó.

  • Selección inmueble a inmueble

    El equipo destaca, oculta o reordena propiedades y añade texto en ambos idiomas para cada una, asociado al identificador de Avantio.

  • Un estudio propio

    Las pantallas desde las que el equipo hace todo esto son un caso de estudio aparte: Luka Studio.

Cuadrícula de apartamentos en Madrid con fechas de disponibilidad.
Página de la división Living: Asset management and operation.
Página de inversiones: Real-estate advisory and investment, sobre Madrid de noche.
Sección de la página de inicio: We build the thesis before the brick.

Buscadores

  • Los dos idiomas, declarados

    Cada página declara su equivalente en el otro idioma, y el sitemap incluye las dos.

  • Datos estructurados

    La firma, el sitio y cada inmueble se describen a los buscadores como datos estructurados.

  • Tarjetas para compartir dibujadas por código

    Las doce tarjetas para compartir se generan a partir de los textos del propio sitio, en el idioma de la página que se comparte.

Seguridad

  • Una auditoría por escrito

    El repositorio incluye una auditoría de seguridad por escrito, cabeceras de seguridad globales y una política de seguridad de contenido en producción.

  • Inicio de sesión

    El inicio de sesión tiene límite de intentos y las credenciales se comparan en tiempo constante.

  • Ningún contacto se pierde

    El formulario de contacto, protegido contra el spam, guarda la consulta antes de intentar enviar el correo.

Identidad de marca de Twineich Branding Studio. Antes de esta versión hubo otras dos propuestas: un sitio más oscuro y cinematográfico, y un concepto editorial con un portal privado para inversores.

SiguienteSigue bajando

El estudio desde el que se gestiona lukacapital.co: se hace clic en una frase de la página real, se reescribe en ambos idiomas y queda publicada en la siguiente petición.

Rol
Ingeniero principal.
Estudio
Authect
Cliente
Luka Capital
Año
2026
Lugar
Madrid
Hecho con
Next.js 15, React 19, TypeScript, Tailwind CSS, Drizzle, PostgreSQL, Auth.js, next-intl, Motion
El editor en vivo de Luka Studio. La página de inicio de lukacapital.co aparece en una vista previa con el titular seleccionado, y las versiones en español e inglés de ese titular están abiertas en dos campos encima.