Un catálogo nuevo de arriba abajo, con el posicionamiento intacto.

El contexto

Bustaprop es una corredora de propiedades chilena con un sitio que llevaba desde 2019 en línea y que, contra todo pronóstico, posicionaba bien. Por dentro era otra historia: cada propiedad era una entrada de blog con campos añadidos encima. El campo de la región guardaba, por un error de años, la lista completa de comunas de esa región en lugar de una sola. Y el correo salía sin autenticar, así que las consultas de los interesados se perdían sin que nadie se enterara.

El encargo era rehacerlo entero. La restricción, tratar el posicionamiento ganado como parte del inventario: ninguna dirección podía cambiar.

Primero, separar el diseño de los datos

Lo entregamos en dos piezas independientes. Una guarda el diseño; la otra, el modelo de propiedades: la ficha con sus campos reales, las consultas de los interesados, los precios en UF y en pesos, y el catálogo completo de las dieciséis regiones y trescientas cuarenta y seis comunas de Chile. Rediseñar el sitio mañana no puede tumbar los datos ni las direcciones indexadas, y ahora no puede.

La migración de las fichas viejas se escribió con ensayo previo: se corre en seco, se revisa lo que haría, y solo entonces se aplica de verdad.

El sistema de diseño

• Color con el contraste medido, no estimado — cada color del sistema lleva anotado su nivel de contraste sobre las tres superficies donde puede aparecer. Donde el rojo de la marca no alcanzaba a ser legible como texto, hay un tono aparte para eso: el color corporativo se respeta sin sacrificar a quien lee con dificultad.
• Modo claro y oscuro sin parpadeo — el tema elegido se aplica antes del primer pintado, así que la página nunca aparece blanca un instante y luego cambia a oscuro.
• Dos tipografías, dos archivos — una para titulares y otra para el cuerpo, ambas variables y servidas desde el propio dominio en un solo archivo cada una, de veinte y treinta y tres kilobytes. Todos los grosores disponibles sin una petición más ni una llamada a un servicio ajeno.
• Tamaños que se adaptan sin saltos — los titulares crecen de forma continua con el ancho de la pantalla, y el texto respeta el tamaño de letra que cada persona configuró en su navegador. El espaciado sale siempre de la misma escala, y las animaciones se apagan solas para quien pidió menos movimiento en su sistema.
• Sin capas de herramientas — no hay compilación, ni preprocesador, ni jQuery, ni framework de front. CSS y JavaScript modernos, escritos a mano y cargados solo en la página que los usa; la única pieza ajena es un realce para los desplegables, servida desde el propio dominio. Lo que el navegador ya sabe hacer, lo hace el navegador.

Las pantallas

• Portada — un pase de fotografías donde solo la primera imagen viaja en el HTML, marcada como prioritaria; el resto aparece a medida que hace falta. Encima, el buscador de cuatro campos: operación, tipo, región y comuna.
• Listado que funciona sin JavaScript — los filtros son un formulario de verdad: si el JavaScript no carga, se envía y filtra igual. Cuando sí carga, los resultados se actualizan en el sitio y la dirección del navegador cambia con ellos, así que el botón de atrás y el enlace compartido siguen funcionando. En móvil los filtros suben como hoja inferior, y mientras se cargan hay esqueletos anunciados a los lectores de pantalla.
• Ficha de propiedad — galería con desplazamiento imantado y visor a pantalla completa con el diálogo nativo del navegador, que atrapa el foco y cierra con Escape sin una línea de librería. Precio, detalle, descripción, barrio, formulario de consulta y contacto directo por WhatsApp con la propiedad ya citada. Compartir usa el menú del propio teléfono, y si no existe copia el enlace y lo avisa. Hay hoja de impresión.

El mapa que no le cuenta a nadie quién mira

Un mapa incrustado de los habituales le informa a un tercero cada propiedad que mira cada visitante. Aquí el mapa se arma en el servidor: cuando se guarda la ficha, se compone una imagen del sector y se guarda junto a la propiedad. El visitante ve una imagen servida desde el mismo dominio. Ninguna petición sale hacia fuera — tampoco para las tipografías.

Y se publica un círculo aproximado del sector, nunca el punto exacto de la casa: quien busca ve el barrio y cuánto se camina hasta lo que tiene cerca, sin que la dirección de alguien quede expuesta en internet. Las fichas públicas tampoco muestran datos de contacto de los propietarios.

Que Google entienda lo mismo que una persona

Cada ficha se publica además en el formato que los buscadores leen: qué se ofrece, en qué operación, a qué precio y en qué moneda, dónde queda y con qué características. Los buscadores por filtros se gobiernan a propósito — se indexa la búsqueda simple y se deja fuera la combinación infinita, que solo genera páginas repetidas que compiten entre sí.

Para la promesa de no perder direcciones hay una comprobación automatizada que se corre antes de publicar: compara la lista completa de direcciones del sitio contra la de referencia y falla si alguna dejó de responder. La regla dejó de depender de que alguien se acordara.

Lo que ve el equipo por dentro

Las consultas dejaron de ser un correo que a veces llegaba. Ahora cada una se guarda primero y se envía después: si el correo falla, la consulta ya está en el sistema. Tienen bandeja propia con estados, buscador, aviso cuando una lleva tres días sin respuesta y un contador en el menú. El envío pasa por un servidor de correo autenticado.

La ficha se carga desde formularios propios, con el mapa incluido y un botón que ubica la propiedad a partir de la dirección escrita. Y el panel tiene las pantallas del negocio —datos de contacto, horario, redes, servicios, testimonios— para que cambiar un teléfono no sea un encargo a nadie.

El resultado

El sitio está en línea con el diseño nuevo, el catálogo migrado y las direcciones de siempre. Es rápido porque no carga lo que no usa, es accesible porque se midió mientras se construía, y no comparte a sus visitantes con nadie. El modelo de datos quedó escrito para servir a cualquier corredora, no solo a esta.