Althena
Diseño y desarrollo web para un operador de gestión patrimonial e inmobiliaria con 120 años de trayectoria
Contexto y reto
Siete líneas de negocio bajo una sola marca
Althena es la marca con la que Guinot Prunera opera hoy. Detrás hay una compañía fundada en 1905: 120 años de trayectoria, más de 250 profesionales, oficinas en Madrid y Barcelona y presencia en seis comunidades autónomas.
El reto tenía poco que ver con el volumen y mucho con el orden. Althena funciona como operador integral, y eso significa convivir con siete verticales de negocio que apenas se parecen entre sí: gestión patrimonial, administración de comunidades, comercial residencial, retail, obra nueva, inversiones inmobiliarias y capital markets. Cada una tiene su interlocutor, su ciclo de decisión y su lenguaje. El propietario de un patrimonio familiar no se parece en nada al fondo que evalúa una operación de capital markets, y ninguno de los dos se parece al presidente de una comunidad de vecinos.
Meterlas todas en una web corporativa al uso conducía a uno de dos fracasos: una web genérica que no le habla a nadie, o un menú interminable que deja al visitante averiguando por su cuenta a qué puerta llamar. Y por debajo había una exigencia más difícil de medir: una casa de 120 años tiene que transmitir solidez. Eso no se afirma en un titular. Se nota en cómo está construida la experiencia.
Estrategia
No una web: un sistema de distribución
Planteamos la plataforma en dos alturas. La home tiene un solo trabajo: contar quién es Althena —trayectoria, cifras, cobertura nacional, legado— y actuar como distribuidor hacia la vertical que le corresponde a cada visitante. Ahí no se vende ningún servicio concreto; se presentan y se reparte.
Debajo hay siete landings de vertical con estructura propia, cada una con su hero, su relato, su formulario y su llamada a la acción. Ahí es donde se convierte. Quien llega buscando administración de comunidades aterriza en una página que solo le habla de eso, con un formulario que pregunta lo que necesita saber esa vertical y no lo que necesitan las otras seis.
Para que esa arquitectura no se degradara con el tiempo, modelamos las siete verticales como una fuente única de verdad en el código: menú, footer, home, páginas de servicio y sitemap se derivan del mismo registro. Cambiar el nombre, la imagen o la descripción de una vertical se hace en un solo sitio y se propaga a todo el site. Es una decisión poco lucida y muy rentable: protege la coherencia de la marca a dos y tres años vista.
Diseño UX-UI y desarrollo web
La solidez no se anuncia, se demuestra
La interfaz se apoya en una paleta sobria de verdes profundos, beige y azules apagados, y en una tipografía a escala fluida: todos los tamaños de texto y todos los espaciados se interpolan de forma continua entre móvil y escritorio, con un salto extra en pantallas 4K. No hay cortes bruscos entre breakpoints. La composición respira igual en cualquier pantalla.
La pieza central es el scroll narrativo de la home. Las secciones se apilan, se fijan y se van revelando mientras el usuario avanza: el hero, el slider de verticales, los contadores de cifras, el mapa de cobertura, la línea del tiempo del legado centenario. Cada bloque entra cuando le toca, con revelados de texto y máscaras animadas que responden a la posición exacta del scroll.
Sobre ese recorrido montamos un efecto imán. Al acercarse al final del hero el scroll gana densidad, frena y, si el usuario suelta, se asienta solo justo donde arranca el siguiente bloque. Casi nadie lo identifica conscientemente, y ahí está la gracia: el sitio se siente construido con precisión, que es justo lo que una compañía de 120 años necesita transmitir.
El desarrollo tenía un encargo fácil de enunciar y difícil de cumplir: que la web transmitiera la misma precisión que la compañía. La narrativa visual se despliega a medida que el usuario baja, con secciones que se fijan, contadores que cobran vida y mapas y líneas del tiempo que aparecen en su momento. Una historia así solo funciona si la tecnología no se pone por delante.
Así que trabajamos el scroll hasta que dejó de dar tirones, recortamos lo que las animaciones consumían de más y afinamos el comportamiento en móvil hasta que la sensación fue la misma que en pantalla grande. La experiencia se siente premium en el teléfono y sólida en el escritorio, sin pedirle al usuario que entienda cómo está hecha.
Y había una condición que no era negociable: quien tenga activado el movimiento reducido del sistema recibe exactamente el mismo contenido, con scroll nativo y sin una sola animación. La animación es una capa, nunca un peaje para llegar a la información.
El activo digital más valioso de Althena es su inventario, y ninguna ficha se publica a mano. La web se conecta directamente con el CRM inmobiliario que el equipo ya usaba a diario: los inmuebles y las promociones de obra nueva que se dan de alta en el sistema aparecen en la web con sus fotos, precios, superficies y características.
Sobre esa conexión construimos el buscador de inmuebles, con filtros por provincia, población, tipología y operación; las fichas de detalle con galería y mapa; y las páginas de promoción, que agrupan las viviendas disponibles de cada obra nueva.
Dos decisiones de arquitectura sostienen todo esto sin castigar la velocidad. La primera, una caché en memoria con refresco en segundo plano: el visitante nunca espera a que el sistema origen conteste. La segunda, un servicio propio de imágenes que recoge las fotos originales, las redimensiona, las reconvierte al formato que le conviene a cada pantalla y las guarda en disco. Sin esa capa, las fichas cargarían fotografías de varios megabytes pensadas para catálogo impreso.
El perfil inversor y de capital markets de Althena es internacional, así que el site se publicó también en inglés. Los dos idiomas comparten la misma estructura de páginas: una capa de idioma resuelve los textos y las rutas sin duplicar plantillas ni mantener dos sites en paralelo.
Los textos viven en un inventario único de más de 400 claves, así que mandar a traducir, recibir y publicar no obliga a tocar el código de las páginas. El contenido que llega del CRM se muestra en su idioma cuando existe y cae con elegancia al castellano cuando la ficha todavía no está traducida.
De cara a buscadores, cada página declara su versión alternativa y cuál es la URL por defecto. Así Google entiende que castellano e inglés son la misma página en dos idiomas, y no contenido duplicado.
Marketing Online
1.500 páginas donde Google veía una
En un negocio inmobiliario el SEO se juega en dos frentes. Las páginas de servicio captan la intención comercial. Las fichas de producto capturan la cola larga: una tipología concreta, en una población concreta.
En el primer frente, cada vertical funciona como una landing con su propia arquitectura semántica, su título, su descripción y sus datos estructurados. El site declara en schema.org la organización, sus sedes, sus áreas de servicio y cada uno de los servicios, además de las fichas de inmueble y promoción con su precio, superficie y ubicación.
El segundo frente exigía resolver un problema clásico de los sitios con inventario dinámico: el rastreador solo encuentra lo que está enlazado, y los listados paginados dejan fuera la mayor parte del catálogo. Lo resolvimos con un sitemap generado a partir del propio inventario, que declara todas las fichas publicadas —inmuebles y promociones, en los dos idiomas— y se mantiene solo a medida que el CRM da altas y bajas, sin que nadie tenga que acordarse. Search Console pasó a descubrir más de 1.500 páginas donde antes veía poco más que la portada y las verticales.
Debajo de todo eso está la parte menos vistosa: imágenes en formatos modernos y a la medida de cada pantalla, carga diferida, tipografías que no bloquean el render. Y el dato que lo resume: Core Web Vitals en verde a pesar de una interfaz intensiva en animación.
Si la web es un sistema de distribución hacia siete verticales, la analítica tiene que responder a la pregunta que va con ello: qué vertical convierte, con qué canal y a qué coste. Un dato agregado de sesiones no dice nada cuando el mismo dominio atiende a un fondo de inversión, a un propietario patrimonial y al presidente de una comunidad de vecinos.
Por eso escribimos el plan de medición antes de programarlo. Todo el sitio emite sus eventos a Google Analytics 4 desde un único módulo tipado: no hay llamadas sueltas repartidas por los componentes, y cada evento tiene su función, sus parámetros obligatorios y su tipo. Un cambio en el contrato de medición rompe la compilación, que es infinitamente mejor que romper el informe y enterarse seis meses después, cuando ya no hay datos que rescatar.
El evento que manda es el lead, y viaja siempre clasificado: de inmueble, de promoción de obra nueva, de vertical o general. Con esa sola dimensión el equipo lee el rendimiento de cada línea de negocio por separado. Cada lead lleva además un valor económico estimado, distinto según el tipo, y eso es lo que permite comparar canales con una única métrica y decidir dónde invertir. No todos los contactos valen lo mismo, y una web que los cuenta a todos por igual induce a error.
Alrededor medimos el embudo completo del inventario —listado, clic en la ficha, ficha vista, contacto— y el comportamiento que delata intención real: los filtros de búsqueda con su número de resultados, incluidas las búsquedas que no devuelven nada (información directa para el equipo de captación), la apertura de la galería de fotos y el tiempo que se pasa en ella, la carga del mapa y los clics en teléfono y correo, que en este sector convierten igual que un formulario. Como el sitio es bilingüe, todos los eventos llevan el idioma, así que separar el rendimiento del castellano y del inglés no obliga a duplicar ninguna dimensión de negocio.
Todo con Consent Mode v2 y un banner propio: por defecto no se almacena nada, y hasta que el usuario acepta no se escribe una sola cookie. Y una línea roja que no se cruza: en los eventos no viaja ni un dato personal. Del formulario sale qué se ha rellenado y qué ha fallado; nunca quién ni qué escribió.
Conclusiones y resultados
De web corporativa a plataforma de captación
El proyecto deja claro que narrativa y rendimiento no están reñidos. Se puede cuidar el scroll al milímetro y sostener al mismo tiempo un catálogo de cientos de fichas conectado en tiempo real con el CRM y perfectamente indexable.
El aprendizaje de fondo, sin embargo, es otro. Cuando una compañía tiene siete negocios distintos bajo una misma marca, un folleto no le sirve: necesita un sistema de distribución. La home cuenta la casa, las verticales convierten, el inventario alimenta la cola larga y la arquitectura de contenido está pensada para que Althena pueda cambiar o ampliar servicios sin rehacer el sitio.
A julio de 2026 la plataforma posiciona en la primera página de Google para medio centenar de keywords del sector patrimonial e inmobiliario, además de encabezar las búsquedas por su propia marca.
