Proyectos · Caso

VTM Berango, once viviendas protegidas y una solicitud que se entiende

Diseño webIdentidad digitalFormulario a medidaVivienda protegida 2026
VTM Berango, once viviendas protegidas y una solicitud que se entiende
vtmberango.nerahomes.com · 11 viviendas · castellano y euskera
El encargo

En Arana 12, en Berango, Nera Homes levanta once viviendas tasadas municipales de alquiler protegido. Un piso de uno o dos dormitorios, con garaje, trastero, geotermia y suelo radiante, para quien lleve al menos tres años empadronado en el pueblo y gane entre 15.000 y 50.000 euros al año.

El problema de una adjudicación así no es el piso: es el procedimiento. Tramos de ingresos, baremos, plazo, boletín oficial y una solicitud con firma. Nos pidieron la página que convierte un expediente administrativo en algo que se lee en cinco minutos, en castellano y en euskera, y que además recoja las inscripciones.

Qué hicimos

Tratamos la promoción como un expediente público, no como una campaña inmobiliaria. Azul marino de boletín, un render del edificio y ni una fotografía más: planos de planta, dos páginas del Boletín Oficial de Bizkaia e iconos. Quien entra no viene a soñar con un piso, viene a comprobar si le toca.

Pusimos todo el dinero en una tabla. Once viviendas por cinco tramos de ingresos, con la superficie, la terraza y la cuota de comunidad prevista. Es la pieza más difícil de maquetar y la primera que la gente busca: cada cual encuentra su fila y su columna sin llamar a nadie.

Programamos el formulario desde cero, en un plugin propio. Cinco pasos con barra de progreso —solicitante, pareja, convivencia, vivienda y firma—, campos que solo aparecen si hacen falta y validación antes de enviar. Quien prefiera el papel se descarga el PDF; el camino corto está aquí.

Bilingüe dentro del propio campo. La web va en castellano y euskera, pero en una solicitud oficial no basta con cambiar de idioma: cada etiqueta lleva las dos lenguas juntas —«Primer apellido / Lehenengo deitura»— para que nadie tenga que elegir. Diseño, web y programación, todo nuestro, entre marzo y abril de 2026.

La clave

La decisión no fue de estilo, fue de tono. Una promoción de vivienda protegida se juega en que nadie sospeche que hay letra pequeña, así que la web se parece a un boletín oficial: azul marino, una tabla y un solo rojo, reservado a «Inscríbete». El render y los planos están para situarte, no para convencerte.

11
viviendas tasadas municipales en alquiler protegido
5
tramos de ingresos en la tabla de precios
5
pasos del formulario de inscripción
2
lenguas en cada etiqueta del formulario
3
años de empadronamiento mínimo para optar
1
sola página para todo el procedimiento
Cómo está hecho

Debajo hay un WordPress con tema hijo propio y un sistema de color declarado a mano en la hoja de estilo: #1B2A4A para el azul institucional, #F8F9FA para el fondo de sección, #333333 para el texto. El rojo que realmente pinta el botón «Inscríbete / Erregistratu» es el #D30A0A, y aparece setenta y tres veces en todo el documento: es el único sitio donde la web sube la voz. Una sola familia tipográfica, Montserrat, con los titulares a 20/30 en versal y el cuerpo a 18/27.

La retícula es estrecha a propósito —1.140 px de contenido, con una única banda ancha a 1.600— y el radio de referencia son 6 px, que es lo que llevan los ochenta y un campos y tarjetas del formulario. Los pasos se marcan con círculos completos; el botón de cabecera, en cambio, es casi recto.

La pieza de programación es el plugin de inscripción. Gestiona los cinco pasos con su barra de progreso, muestra el bloque «Pareja» solo si se ha declarado cónyuge y valida antes de dejar firmar. El resto del bilingüismo va por WPML, con hreflang declarado en castellano, euskera y x-default.

Cómo fue
01El encargoOnce viviendas, un baremo y un plazo que corre
02La decisiónLeerse como un boletín oficial, no como un anuncio
03La tablaOnce viviendas por cinco tramos de ingresos
04El formularioPlugin propio de cinco pasos, bilingüe campo a campo
Galería · el proyecto en imágenes (clica para ampliar)
Todo el proceso cabe en una página: render, boletín oficial y formulario. Cada pregunta, en castellano y euskera dentro del mismo campo. Once viviendas por cinco tramos de ingresos, sin letra pequeña. La tabla y el formulario también funcionan en una pantalla estrecha. Castellano y euskera, con WPML y el mismo diseño. Online o en papel: quien no quiera rellenarlo aquí, se lleva el PDF. Un dormitorio o dos, dibujados a escala. El euskera no es una traducción de segunda: es la misma página.
Concepto y sistema · moodboard, tipografía, componentes y composición
La decisión de partida: un expediente público que se lee sin abogado, en azul marino y con un solo rojo. Montserrat en mayúsculas, azul de boletín y un radio de 6 píxeles: nada grita salvo el botón. Una página larga: el edificio arriba, el dinero en medio y la inscripción al final. La cabecera nunca se pliega: los cuatro enlaces siguen en línea a 1440, 1024 y 768 píxeles. Inscribirse no exige cambiar de página: cinco paradas, dos PDF y ningún registro.
Así diseñamos todos los casos →
"En Berango, en Arana 12, se halla tu nueva vivienda Tasada de Alquiler Protegido"vtmberango.nerahomes.com

¿Quieres un resultado así para tu proyecto?

Siguiente proyecto

drone.barcelona, una marca propia que vende permisos antes que postales