Lo que vende es una estrategia bien pensada.
El plano de obra suele quedar oculto hasta después de firmar. Foursquare lo muestra desde el principio. Construí el posicionamiento, la marca, el contenido y el código alrededor de una decisión: que puedas revisar el alcance, el costo, la secuencia y el impacto antes de que tu casa se convierta en una obra.
- Rol
- Estrategia, marca, contenido, UX/UI, imágenes a medida, búsqueda y frontend. Trabajo integral, de principio a fin.
- La decisión
- La planificación se convirtió en un servicio pago que luego se descuenta de la obra.
- En línea
- Ver el concepto en vivo
01 · El problema
El ambiente terminado mostraba solo la mitad de la evidencia.
Las páginas de constructoras suelen mostrar resultados impecables y promesas de oficio. Pero quien renueva su casa no compra solamente un ambiente: también compra alcance, costo, tiempos, permisos y semanas viviendo dentro de una obra. Nada de eso aparece en una foto perfecta.
El desafío que me propuse: mostrar cómo se resuelve el trabajo, no solo cómo termina.
02 · La decisión
Una renovación debería estar resuelta antes de que tu casa se convierta en obra.
Esa frase reorganizó el proyecto. Cuando el plano de obra pasó a formar parte de la historia pública, en vez de quedar oculto, la marca, los textos, las interacciones y la propuesta comercial compartieron una misma tarea: hacer que el plan se pueda revisar.
Un ambiente.
Cuatro etapas claras.
La misma vista avanza desde la obra protegida hasta el modelo coordinado y el ambiente terminado. La secuencia se reproduce sola; también podés enfocar o elegir cualquier etapa para revisarla.
03 · La construcción
La estrategia se sostuvo hasta el código.
Tomé “hacer que el plan se pueda revisar” como un requisito de producto. Esa idea definió qué vende el negocio, cómo se organiza la página y cómo cada interacción ayuda a tomar una decisión concreta.
La propuesta
La planificación se volvió un producto, no un paso previo.
Los tres niveles de planificación tienen precio, calendario y un crédito aplicable a la obra. Cada uno deja visibles sus entregables y los factores que definen el costo antes de firmar un contrato de construcción.
La arquitectura
El contenido sigue las decisiones de quien renueva.
Costo, calendario, permisos, alcance y logística para seguir viviendo en la casa aparecen en secciones distintas y enlazables. Así, las personas encuentran un recorrido claro y los buscadores reciben una estructura útil para indexar.
La búsqueda
La búsqueda ordena por significado, no solo por coincidencia de palabras.
En el primer uso, el navegador crea un índice con 6 páginas principales y 110 secciones. Normaliza las consultas, corrige errores ortográficos cercanos, las amplía con sinónimos de renovación y pondera títulos, resúmenes, temas y texto. Cada resultado abre en la sección exacta.
La interfaz
El plan se volvió interactivo.
Las comparaciones alineadas, las secuencias por etapas y las tablas de alcance convierten el lenguaje abstracto de una obra en información que se puede revisar y controlar.
El frontend
Liviano a propósito.
Esta página funciona sin un framework de frontend: usa CSS local y JavaScript nativo. El HTML semántico mantiene el contenido visible para los buscadores sin cargar un framework. Las interacciones incluyen navegación por teclado y alternativas con movimiento reducido.
04 · En la interfaz
Cada control permite revisar una decisión.
Los deslizadores, las pestañas por etapas, las tablas de alcance y la búsqueda sirven a una misma comparación: qué había, qué se propone y qué falta resolver.
Antes / después
Un punto de vista y un deslizador. Lo existente y lo resuelto permanecen alineados, conectando el plan directamente con el ambiente terminado.
Secuencia de etapas
Las cuatro etapas se reproducen en orden. Podés enfocar o elegir cualquiera para detener la secuencia y revisarla.
Tablas de alcance
Costos, permisos, revisiones e inspecciones quedan definidos antes de construir. No aparecen después como sorpresas.
Búsqueda para propietarios
Frases cotidianas como “seguir viviendo en casa” se amplían hacia temas de obra habitada y ordenan las secciones más relevantes sobre polvo, cortes de servicios, limpieza y accesos.
Desde la página conceptual
Cómo interpreta la búsqueda una pregunta de quien va a renovar
La consulta seguir viviendo en casa se interpreta como planificación de una obra habitada, se amplía a temas relacionados, se ordena según títulos, resúmenes, temas y texto, y luego enlaza la sección exacta.
Consulta del propietario
-
1 Interpretar
Planificación de obra habitada
Normaliza la frase, corrige errores ortográficos cercanos y reconoce la decisión detrás de las palabras.
-
2 Ampliar
Temas de renovación relacionados
- Control de polvo
- Cortes de servicios
- Limpieza
- Accesos
-
3 Ordenar + abrir
#1 Coincidencia de título + tema
El plan para seguir viviendo en la casa forma parte del alcance.
Ponderado según títulos, resúmenes, temas y texto; después se abre en la sección exacta.
05 · La parte honesta
Proyecto conceptual. Sistema real.
Foursquare es una constructora ficticia: no hay testimonios inventados ni un formulario de consulta falso. El sistema que la rodea sí está listo para producción, con WCAG 2.2 AA como base, estructura semántica, tipografías locales, sin carga de framework y con un índice de búsqueda por secciones.
Qué suma un lanzamiento real
- Licencias, seguros y datos de contacto reales
- Un formulario real conectado al CRM de la empresa
- Fotografía final en lugar de imágenes generadas provisionales
- La aprobación de la empresa sobre precios y plazos