Las webs inmobiliarias tienen un problema que otros sectores no comparten. Tienen que parecer caras, porque venden cosas caras. Y tienen que ir rápidas, porque la mitad de las visitas están en el móvil, muchas veces con cobertura mediocre y muchas veces de paso.
Esas dos exigencias tiran en direcciones opuestas. Las imágenes grandes, el movimiento suave y la profundidad cuestan tiempo de carga. Si optimizas solo para la velocidad acabas con una web que parece una hoja de cálculo.
Para MVC Properties en Palma intentamos conseguir las dos.
Movimiento que explica algo#
La entrada de la web trabaja con parallax, capas que se mueven a distinta velocidad al hacer scroll. Eso crea profundidad sin cargar ni una imagen adicional.
Las propiedades destacadas van por una pin-timeline. La sección se queda quieta mientras se hace scroll y las propiedades pasan una tras otra. No es solo efecto: obliga a poner la atención en una propiedad cada vez en lugar de repartirla por una cuadrícula llena de casillas. Con inmuebles de precio alto eso es justamente lo adecuado, porque aquí nadie compara como en el supermercado.
Las tarjetas de propiedad se inclinan un poco con el cursor. Un efecto pequeño con una función práctica: enseña que la tarjeta se puede pulsar sin tener que pegarle un botón encima.
Cada uno de estos movimientos está construido para ir reducido en pantallas táctiles o para no ir. Un efecto de inclinación necesita cursor. En el móvil no sirve de nada y aun así consume proceso. Y quien tenga configurado en su sistema que prefiere menos movimiento recibe menos movimiento. Eso es una línea de trabajo y la diferencia entre una web que impresiona y una que marea.
En España WhatsApp no es un canal secundario#
Un detalle que desde Alemania se juzga mal: en España el contacto comercial va por WhatsApp. No como recurso de emergencia sino como primera vía. Una web inmobiliaria sin contacto visible de WhatsApp deja consultas sin recoger.
Por eso junto al formulario hay una vía directa hacia ahí. El formulario mismo es una superficie de cristal sobre una imagen de la catedral, translúcida, con desenfoque detrás. Queda bien y tiene un segundo efecto: el formulario no se lee como un cuerpo extraño al final de la página sino como parte del lenguaje visual.
Además un chat con IA para las preguntas que llegan antes de una consulta. Cuánto cuesta la zona, si hay algo de ese tamaño, cómo funciona comprar siendo extranjero. Preguntas donde la gente no quiere llamar pero escribe con gusto.
El área que las visitas no ven nunca#
Una parte de la web está protegida con contraseña. No todo lo que una inmobiliaria necesita en digital va en el escaparate. Algunos inmuebles se llevan con discreción, algunos documentos son para interesados con cita y no para el público general.
Pensar esa área desde el principio cambia la estructura de toda la web. No se puede añadir después sin crear dos sistemas que hay que mantener por duplicado. Si se construye dentro de la misma web desde el inicio, es sencillamente un área más a la que se entra con un login.
Tres idiomas, y uno de ellos es el principal#
La web existe en español, alemán e inglés. A diferencia de la mayoría de nuestros proyectos, aquí el idioma principal es el español, no el alemán. Suena a detalle y es una decisión estructural: quien abre la web sin idioma en la dirección aterriza en la versión española, y eso es exactamente lo que se le comunica a los buscadores como opción por defecto.
Si eso se pone mal se crea una contradicción silenciosa. El servidor manda a las visitas a la página española mientras el marcado del código nombra la alemana como opción por defecto. Google entonces se cree el marcado y muestra la versión alemana en resultados de búsqueda españoles.
Lo que me llevo#
La parte más interesante de este proyecto no fue la animación sino la pregunta de dónde para. Cada efecto recibió la contrapregunta: ¿qué hace esto en un Android de hace tres años con red mediocre?
Esa pregunta borra más o menos la mitad de todas las ideas. La otra mitad mejora por ello, porque ya no tiene que justificarse.
