Projectes · Cas

VTM Berango, onze habitatges protegits i una sol·licitud que s’entén

Disseny webIdentitat digitalFormulari a midaHabitatge protegit 2026
VTM Berango, onze habitatges protegits i una sol·licitud que s’entén
vtmberango.nerahomes.com · 11 habitatges · castellà i eusquera
L’encàrrec

A Arana 12, a Berango, Nera Homes aixeca onze habitatges taxats municipals de lloguer protegit. Un pis d’un o dos dormitoris, amb garatge, traster, geotèrmia i terra radiant, per a qui faci almenys tres anys que està empadronat al poble i guanyi entre 15.000 i 50.000 euros l’any.

El problema d’una adjudicació així no és el pis: és el procediment. Trams d’ingressos, barems, termini, butlletí oficial i una sol·licitud amb signatura. Ens van demanar la pàgina que converteix un expedient administratiu en una cosa que es llegeix en cinc minuts, en castellà i en eusquera, i que a més reculli les inscripcions.

Què vam fer

Vam tractar la promoció com un expedient públic, no com una campanya immobiliària. Blau marí de butlletí, un render de l’edifici i ni una fotografia més: plànols de planta, dues pàgines del Butlletí Oficial de Bizkaia i icones. Qui hi entra no ve a somiar en un pis, ve a comprovar si li toca.

Vam posar tots els diners en una taula. Onze habitatges per cinc trams d’ingressos, amb la superfície, la terrassa i la quota de comunitat prevista. És la peça més difícil de maquetar i la primera que la gent busca: cadascú hi troba la seva fila i la seva columna sense trucar a ningú.

Vam programar el formulari des de zero, en un connector propi. Cinc passos amb barra de progrés —sol·licitant, parella, convivència, habitatge i signatura—, camps que només apareixen si calen i validació abans d’enviar. Qui prefereixi el paper es descarrega el PDF; el camí curt és aquí.

Bilingüe dins del mateix camp. La web va en castellà i eusquera, però en una sol·licitud oficial no n’hi ha prou de canviar d’idioma: cada etiqueta porta les dues llengües juntes —«Primer apellido / Lehenengo deitura»— perquè ningú no hagi de triar. Disseny, web i programació, tot nostre, entre el març i l’abril del 2026.

La clau

La decisió no va ser d’estil, va ser de to. Una promoció d’habitatge protegit es juga en el fet que ningú no sospiti que hi ha lletra petita, així que la web s’assembla a un butlletí oficial: blau marí, una taula i un sol vermell, reservat a «Inscríbete». El render i els plànols hi són per situar-te, no per convèncer-te.

11
habitatges taxats municipals en lloguer protegit
5
trams d’ingressos a la taula de preus
5
passos del formulari d’inscripció
2
llengües a cada etiqueta del formulari
3
anys mínims d’empadronament per poder optar-hi
1
sola pàgina per a tot el procediment
Com està fet

A sota hi ha un WordPress amb tema fill propi i un sistema de color declarat a mà al full d’estil: #1B2A4A per al blau institucional, #F8F9FA per al fons de secció, #333333 per al text. El vermell que realment pinta el botó «Inscríbete / Erregistratu» és el #D30A0A, i apareix setanta-tres vegades a tot el document: és l’únic lloc on la web apuja la veu. Una sola família tipogràfica, Montserrat, amb els titulars a 20/30 en versals i el cos a 18/27.

La retícula és estreta expressament —1.140 px de contingut, amb una única banda ampla a 1.600— i el radi de referència són 6 px, que és el que porten els vuitanta-un camps i targetes del formulari. Els passos es marquen amb cercles complets; el botó de capçalera, en canvi, és gairebé recte.

La peça de programació és el connector d’inscripció. Gestiona els cinc passos amb la seva barra de progrés, mostra el bloc «Pareja» només si s’ha declarat cònjuge i valida abans de deixar signar. La resta del bilingüisme va per WPML, amb hreflang declarat en castellà, eusquera i x-default.

Com va anar
01L’encàrrecOnze habitatges, un barem i un termini que corre
02La decisióLlegir-se com un butlletí oficial, no com un anunci
03La taulaOnze habitatges per cinc trams d’ingressos
04El formulariConnector propi de cinc passos, bilingüe camp a camp
Galeria · el projecte en imatges (clica per ampliar)
Tot el procés cap en una pàgina: render, butlletí oficial i formulari. Cada pregunta, en castellà i eusquera dins del mateix camp. Onze habitatges per cinc trams d'ingressos, sense lletra petita. La taula i el formulari també funcionen en una pantalla estreta. Castellà i eusquera, amb WPML i el mateix disseny. En línia o en paper: qui no vulgui omplir-lo aquí, s'emporta el PDF. Un dormitori o dos, dibuixats a escala. L'eusquera no és una traducció de segona: és la mateixa pàgina.
Concepte i sistema · moodboard, tipografia, components i composició
VTM Berango, onze habitatges protegits i una sol·licitud que s’entén VTM Berango, onze habitatges protegits i una sol·licitud que s’entén VTM Berango, onze habitatges protegits i una sol·licitud que s’entén VTM Berango, onze habitatges protegits i una sol·licitud que s’entén VTM Berango, onze habitatges protegits i una sol·licitud que s’entén
Així dissenyem tots els casos →
"En Berango, en Arana 12, se halla tu nueva vivienda Tasada de Alquiler Protegido"vtmberango.nerahomes.com

Vols un resultat així per al teu projecte?

Següent projecte

drone.barcelona, una marca pròpia que ven permisos abans que postals