Althena
Disseny i desenvolupament web per a un operador de gestió patrimonial i immobiliària amb 120 anys de trajectòria
Context i repte
Set línies de negoci sota una sola marca
Althena és la marca amb què Guinot Prunera opera avui. Al darrere hi ha una companyia fundada el 1905: 120 anys de trajectòria, més de 250 professionals, oficines a Madrid i Barcelona i presència en sis comunitats autònomes.
El repte tenia poc a veure amb el volum i molt amb l'ordre. Althena funciona com a operador integral, i això vol dir conviure amb set verticals de negoci que amb prou feines s'assemblen entre si: gestió patrimonial, administració de comunitats, comercial residencial, retail, obra nova, inversions immobiliàries i capital markets. Cadascuna té el seu interlocutor, el seu cicle de decisió i el seu llenguatge. El propietari d'un patrimoni familiar no s'assembla gens al fons que avalua una operació de capital markets, i cap dels dos s'assembla al president d'una comunitat de veïns.
Ficar-les totes en una web corporativa a l'ús duia a un de dos fracassos: una web genèrica que no parla a ningú, o un menú interminable que deixa el visitant esbrinant pel seu compte a quina porta ha de trucar. I per sota hi havia una exigència més difícil de mesurar: una casa de 120 anys ha de transmetre solidesa. Això no s'afirma en un titular. Es nota en com està construïda l'experiència.
Estratègia
No una web: un sistema de distribució
Vam plantejar la plataforma en dues altures. La home té una sola feina: explicar qui és Althena —trajectòria, xifres, cobertura estatal, llegat— i actuar com a distribuïdor cap a la vertical que correspon a cada visitant. Allà no es ven cap servei concret; es presenten i es reparteix.
A sota hi ha set landings de vertical amb estructura pròpia, cadascuna amb el seu hero, el seu relat, el seu formulari i la seva crida a l'acció. És allà on es converteix. Qui arriba buscant administració de comunitats aterra en una pàgina que només li parla d'això, amb un formulari que pregunta el que necessita saber aquella vertical i no el que necessiten les altres sis.
Perquè aquesta arquitectura no es degradés amb el temps, vam modelar les set verticals com una font única de veritat al codi: menú, footer, home, pàgines de servei i sitemap es deriven del mateix registre. Canviar el nom, la imatge o la descripció d'una vertical es fa en un sol lloc i es propaga a tot el site. És una decisió poc lluïda i molt rendible: protegeix la coherència de la marca a dos i tres anys vista.
Disseny UX-UI i desenvolupament web
La solidesa no s'anuncia, es demostra
La interfície s'apuntala en una paleta sòbria de verds profunds, beix i blaus apagats, i en una tipografia a escala fluida: totes les mides de text i tots els espaiats s'interpolen de manera contínua entre mòbil i escriptori, amb un salt extra en pantalles 4K. No hi ha talls bruscos entre breakpoints. La composició respira igual en qualsevol pantalla.
La peça central és el scroll narratiu de la home. Les seccions s'apilen, es fixen i es van revelant mentre l'usuari avança: el hero, l'slider de verticals, els comptadors de xifres, el mapa de cobertura, la línia del temps del llegat centenari. Cada bloc entra quan li toca, amb revelats de text i màscares animades que responen a la posició exacta de l'scroll.
Sobre aquest recorregut hi vam muntar un efecte imant. En acostar-se al final del hero l'scroll guanya densitat, frena i, si l'usuari deixa anar, s'assenta sol just on arrenca el bloc següent. Gairebé ningú no l'identifica conscientment, i aquí rau la gràcia: el lloc se sent construït amb precisió, que és justament el que una companyia de 120 anys necessita transmetre.
El desenvolupament tenia un encàrrec fàcil d'enunciar i difícil de complir: que la web transmetés la mateixa precisió que la companyia. La narrativa visual es desplega a mesura que l'usuari baixa, amb seccions que es fixen, comptadors que cobren vida i mapes i línies del temps que apareixen al seu moment. Una història així només funciona si la tecnologia no es posa al davant.
Així que vam treballar l'scroll fins que va deixar de fer estrebades, vam retallar el que les animacions consumien de més i vam afinar el comportament en mòbil fins que la sensació va ser la mateixa que en pantalla gran. L'experiència se sent premium al telèfon i sòlida a l'escriptori, sense demanar a l'usuari que entengui com està feta.
I hi havia una condició que no era negociable: qui tingui activat el moviment reduït del sistema rep exactament el mateix contingut, amb scroll natiu i sense ni una sola animació. L'animació és una capa, mai un peatge per arribar a la informació.
L'actiu digital més valuós d'Althena és el seu inventari, i cap fitxa no es publica a mà. La web es connecta directament amb el CRM immobiliari que l'equip ja feia servir cada dia: els immobles i les promocions d'obra nova que es donen d'alta al sistema apareixen a la web amb les seves fotos, preus, superfícies i característiques.
Sobre aquesta connexió vam construir el cercador d'immobles, amb filtres per província, població, tipologia i operació; les fitxes de detall amb galeria i mapa; i les pàgines de promoció, que agrupen els habitatges disponibles de cada obra nova.
Dues decisions d'arquitectura sostenen tot això sense castigar la velocitat. La primera, una memòria cau amb refresc en segon pla: el visitant mai no espera que el sistema origen contesti. La segona, un servei propi d'imatges que recull les fotos originals, les redimensiona, les reconverteix al format que convé a cada pantalla i les desa a disc. Sense aquesta capa, les fitxes carregarien fotografies de diversos megabytes pensades per a catàleg imprès.
El perfil inversor i de capital markets d'Althena és internacional, així que el site es va publicar també en anglès. Els dos idiomes comparteixen la mateixa estructura de pàgines: una capa d'idioma resol els textos i les rutes sense duplicar plantilles ni mantenir dos sites en paral·lel.
Els textos viuen en un inventari únic de més de 400 claus, de manera que enviar a traduir, rebre i publicar no obliga a tocar el codi de les pàgines. El contingut que arriba del CRM es mostra en el seu idioma quan existeix i cau amb elegància al castellà quan la fitxa encara no està traduïda.
De cara als cercadors, cada pàgina declara la seva versió alternativa i quina és la URL per defecte. Així Google entén que castellà i anglès són la mateixa pàgina en dos idiomes, i no contingut duplicat.
Màrqueting online
1.500 pàgines on Google en veia una
En un negoci immobiliari el SEO es juga en dos fronts. Les pàgines de servei capten la intenció comercial. Les fitxes de producte capturen la cua llarga: una tipologia concreta, en una població concreta.
Al primer front, cada vertical funciona com una landing amb la seva pròpia arquitectura semàntica, el seu títol, la seva descripció i les seves dades estructurades. El site declara en schema.org l'organització, les seves seus, les seves àrees de servei i cadascun dels serveis, a més de les fitxes d'immoble i promoció amb el seu preu, superfície i ubicació.
El segon front exigia resoldre un problema clàssic dels llocs amb inventari dinàmic: el rastrejador només troba el que està enllaçat, i els llistats paginats deixen fora la major part del catàleg. Ho vam resoldre amb un sitemap generat a partir del mateix inventari, que declara totes les fitxes publicades —immobles i promocions, en els dos idiomes— i es manté sol a mesura que el CRM dona altes i baixes, sense que ningú se n'hagi de recordar. Search Console va passar a descobrir més de 1.500 pàgines on abans veia poc més que la portada i les verticals.
A sota de tot això hi ha la part menys vistosa: imatges en formats moderns i a la mida de cada pantalla, càrrega diferida, tipografies que no bloquegen el render. I la dada que ho resumeix: Core Web Vitals en verd tot i una interfície intensiva en animació.
Si la web és un sistema de distribució cap a set verticals, l'analítica ha de respondre la pregunta que hi va associada: quina vertical converteix, amb quin canal i a quin cost. Una dada agregada de sessions no diu res quan el mateix domini atén un fons d'inversió, un propietari patrimonial i el president d'una comunitat de veïns.
Per això vam escriure el pla de mesurament abans de programar-lo. Tot el lloc emet els seus esdeveniments a Google Analytics 4 des d'un únic mòdul tipat: no hi ha crides soltes repartides pels components, i cada esdeveniment té la seva funció, els seus paràmetres obligatoris i el seu tipus. Un canvi en el contracte de mesurament trenca la compilació, cosa infinitament millor que trencar l'informe i assabentar-se'n sis mesos després, quan ja no hi ha dades a rescatar.
L'esdeveniment que mana és el lead, i viatja sempre classificat: d'immoble, de promoció d'obra nova, de vertical o general. Amb aquesta sola dimensió l'equip llegeix el rendiment de cada línia de negoci per separat. Cada lead porta a més un valor econòmic estimat, diferent segons el tipus, i això és el que permet comparar canals amb una única mètrica i decidir on invertir. No tots els contactes valen el mateix, i una web que els compta tots igual indueix a error.
Al voltant mesurem l'embut complet de l'inventari —llistat, clic a la fitxa, fitxa vista, contacte— i el comportament que delata intenció real: els filtres de cerca amb el seu nombre de resultats, incloses les cerques que no retornen res (informació directa per a l'equip de captació), l'obertura de la galeria de fotos i el temps que s'hi passa, la càrrega del mapa i els clics a telèfon i correu, que en aquest sector converteixen igual que un formulari. Com que el lloc és bilingüe, tots els esdeveniments porten l'idioma, de manera que separar el rendiment del castellà i de l'anglès no obliga a duplicar cap dimensió de negoci.
Tot amb Consent Mode v2 i un bàner propi: per defecte no s'emmagatzema res, i fins que l'usuari accepta no s'escriu ni una sola galeta. I una línia vermella que no es creua: als esdeveniments no hi viatja ni una dada personal. Del formulari en surt què s'ha emplenat i què ha fallat; mai qui ni què va escriure.
Conclusions i resultats
De web corporativa a plataforma de captació
El projecte deixa clar que narrativa i rendiment no estan renyits. Es pot cuidar l'scroll al mil·límetre i sostenir alhora un catàleg de centenars de fitxes connectat en temps real amb el CRM i perfectament indexable.
L'aprenentatge de fons, però, és un altre. Quan una companyia té set negocis diferents sota una mateixa marca, un fullet no li serveix: necessita un sistema de distribució. La home explica la casa, les verticals converteixen, l'inventari alimenta la cua llarga i l'arquitectura de contingut està pensada perquè Althena pugui canviar o ampliar serveis sense refer el lloc.
A juliol de 2026 la plataforma posiciona a la primera pàgina de Google per a mig centenar de keywords del sector patrimonial i immobiliari, a més d'encapçalar les cerques per la seva pròpia marca.
