Harlow España — diseño web para una inmobiliaria madrileña

Harlow España es una inmobiliaria ficticia con 26 oficinas en 22 mercados, de Madrid a la Costa del Sol. Comparte plantillas con todas las ediciones de Harlow, pero habla como una inmobiliaria española: trato de usted, dormitorios y euros por m², alquiler mensual, aviso legal según la LSSI, RGPD, LOPDGDD y la AEPD.

Ficha del proyecto

• Cliente: Harlow Inmobiliaria, S.L. (ficticia)
• Sector: Compraventa y alquiler residencial
• Mercados: Madrid y 21 mercados en 11 comunidades autónomas
• Servicios: Localización de mercado · Redacción · Adaptación de marca · Diseño web inmobiliario · Accesibilidad (WCAG 2.2 AA) · Bases de SEO
• Plantillas: 9 plantillas compartidas con todas las ediciones de Harlow
• Tecnología: HTML, CSS y JavaScript escritos a mano; un archivo de textos y un tema por mercado

El encargo

Una web que suena a barrio madrileño

El comprador español compara dormitorios, baños y metros cuadrados, busca por barrio y espera un aviso legal visible. Los textos se reescribieron, no se tradujeron: de Chamberí a Marbella, de la valoración gratuita a las visitas privadas, con el trato de usted propio de la inmobiliaria de gama alta.

Pensado para España

Qué cambia realmente entre la edición estadounidense y esta

• Historia — Edición EE. UU.: 27 mercados en EE. UU. · España: 22 mercados en España, fundada en Chamberí
• Guía — Edición EE. UU.: West Village · España: Chamberí: mercado de Vallehermoso, Museo Sorolla, metro Iglesia
• Precios — Edición EE. UU.: $1,895,000 · España: 7.900 €/m²; alquiler 22 €/m² al mes
• Inmuebles — Edición EE. UU.: 4 bd · 3.5 ba · sq ft · España: 5 dorm. · 3 baños · 290 m²
• Legal — Edición EE. UU.: Fair Housing · España: Aviso legal (LSSI), RGPD y LOPDGDD, AEPD, condiciones de uso
• Consentimiento — Edición EE. UU.: Aviso · España: Opt-in: «Rechazar todo» tan visible como «Aceptar todo»
• Estilo — Edición EE. UU.: Marfil, bronce · España: Papel cálido, terracota y cobalto; Fraunces + Figtree, esquinas redondeadas

Adaptación de marca

El mismo Harlow, con acento local

La terracota guía la interfaz y el cobalto marca las cursivas; sobre fondo oscuro, un azafrán luminoso mantiene el contraste WCAG AA. Fraunces y Figtree dan calidez y cercanía, con esquinas más redondeadas. El logotipo añade Inmobiliaria y, en móviles muy pequeños, se oculta para que el menú siempre quepa.

Página de inicio y guía de barrio

La portada abre con fachadas madrileñas de colores: Encuentre el lugar que siente como suyo. Ciudades: Madrid, Barcelona, Valencia, Málaga, Sevilla y Palma. La guía de Chamberí muestra precio medio por m², alquiler mensual, compraventas, tiempo hasta Sol y la estación de Iglesia.

Cumplimiento, accesibilidad y confianza

• Aviso legal conforme a la LSSI (datos ficticios marcados como demo): S.L., NIF, Registro Mercantil y registro de agentes inmobiliarios.
• Política de privacidad según el RGPD y la LOPDGDD, con reclamación ante la AEPD.
• Banner de cookies con rechazo tan fácil como la aceptación.
• Supera las comprobaciones automáticas WCAG 2.2 AA en todas las páginas a 360, 390, 768 y 1440 px: sin fallos de contraste, sin controles inaccesibles y sin desplazamiento horizontal.
• Un selector de idioma generado a partir de hreflang aparece en la cabecera en escritorio y en el pie en móvil.

Un sistema, doce mercados

Cada texto visible vive en un archivo por mercado, y cada color y tipografía en un tema. Esta edición no necesitó plantillas ni componentes nuevos: textos, un tema, fotografía local y los textos legales la convirtieron en una experiencia de marca propia. Para un grupo inmobiliario con planes internacionales, un nuevo mercado pasa a ser un proyecto de contenido, no un rediseño.

Entregables

• Perfil de mercado: idioma, formatos, normativa y estacionalidad
• Textos localizados para 9 plantillas, cabecera, pie y formularios
• Adaptación de marca: paleta, tipografías y descriptor del logotipo
• 21 fotografías locales (Pexels, fuentes en credits.json)
• Aviso legal y política de privacidad
• Accesibilidad (WCAG 2.2 AA, comprobación automática) y control de calidad en cuatro anchos de pantalla
• Medios para portfolio: capturas, páginas completas, vídeo de scroll, imagen OG, ficha de marca