Lo que vende es una estrategia bien pensada.
El plan de obra suele conocerse recién después de firmar. Foursquare lo muestra desde el principio. Desarrollé el posicionamiento, la marca, el contenido y el código con un objetivo: que puedas revisar qué incluye la obra, cuánto cuesta, cuáles son las etapas y cómo afecta tu vida cotidiana 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 prototipo
Ir a la sección Resumen
01 · El problema
La foto del ambiente terminado cuenta solo una parte.
Los sitios de constructoras suelen mostrar resultados impecables y prometer un buen trabajo. Pero quien remodela su casa también necesita saber qué incluye la obra, cuánto cuesta, cuánto tarda, qué permisos hacen falta y cómo va a vivir durante esas semanas. Nada de eso se ve en una foto del resultado final.
El desafío que me propuse: mostrar cómo se resuelve el trabajo, no solo cómo termina.
02 · La decisión
La remodelación debería estar definida antes de que tu casa se convierta en una obra.
Esa idea reorganizó el proyecto. Al mostrar el plan de obra desde el principio, la marca, los textos, las interacciones y la propuesta comercial pasaron a tener un mismo objetivo: hacer que el plan se pueda revisar.
Un ambiente.
Cuatro etapas claras.
Desde un mismo punto de vista, la secuencia muestra la protección del ambiente, los trabajos de obra y el diseño final. Avanza automáticamente; también podés usar el teclado o seleccionar una etapa para detenerla y revisarla.
03 · La construcción
Cómo desarrollé la propuesta y el sitio.
Conecté los niveles de planificación con la estructura del contenido y desarrollé la búsqueda y las comparaciones a partir de preguntas sobre costos, tiempos y cómo seguir viviendo en casa durante la obra.
La propuesta
Tres niveles de planificación paga.
Cada uno de los tres planes indica el precio, los plazos, qué incluye y qué monto se descuenta al contratar la obra. Así, se pueden revisar los detalles y los factores que definen el costo antes de firmar.
La arquitectura
El contenido acompaña las decisiones de quien remodela.
Los costos, los plazos, los permisos, el alcance y la organización para seguir viviendo en casa tienen secciones propias con enlaces directos. Así, cada persona encuentra la información que necesita y los buscadores pueden indexarla.
La búsqueda
El buscador tiene en cuenta el sentido de la consulta.
Al usar el buscador por primera vez, el navegador crea un índice de 6 páginas principales y 110 secciones. Unifica el formato de las consultas, corrige pequeños errores de escritura y agrega términos relacionados con la remodelación. Ordena los resultados según la relevancia de los títulos, resúmenes, temas y textos. Cada resultado lleva a la sección correspondiente.
La interfaz
El plan se volvió interactivo.
Las comparaciones desde un mismo ángulo, las secuencias por etapas y las tablas que detallan el alcance ayudan a entender qué se va a hacer y cómo.
El frontend
Liviano a propósito.
El sitio usa CSS propio y JavaScript nativo, sin un framework de frontend. El HTML semántico permite que los buscadores lean el contenido. Las interacciones se pueden usar con teclado y respetan la preferencia de reducir las animaciones.
04 · En la interfaz
Comparar ambientes, recorrer etapas y encontrar respuestas.
Podés mover el deslizador para comparar dos vistas de un ambiente, detener la secuencia en una etapa de obra o buscar información sobre temas como el polvo o los accesos.
Antes / después
El deslizador permite comparar el ambiente actual con el diseño propuesto desde el mismo ángulo.
Secuencia de etapas
Las cuatro etapas se reproducen en orden. Podés usar el teclado o seleccionar 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
Una consulta como “seguir viviendo en casa” muestra las secciones más relevantes sobre polvo, cortes de servicios, limpieza y accesos durante la obra.
Del prototipo
Cómo interpreta el buscador una consulta sobre la obra
El buscador relaciona la consulta “seguir viviendo en casa” con la planificación de una obra mientras la casa sigue habitada. Agrega temas relacionados, ordena los resultados por relevancia y lleva a la sección correspondiente.
Consulta del propietario
-
1 Interpretar
Vivir en casa durante la obra
Unifica el formato de la consulta, corrige pequeños errores de escritura e identifica el tema.
-
2 Ampliar
Temas relacionados con la obra
- Control de polvo
- Cortes de servicios
- Limpieza
- Accesos
-
3 Ordenar + abrir
#1 Coincidencia en título y tema
La obra incluye un plan para que puedas seguir viviendo en casa.
Los resultados se ordenan según la relevancia de títulos, resúmenes, temas y textos. Cada enlace lleva a la sección correspondiente.
05 · Estado del proyecto
Proyecto conceptual. Sistema real.
Foursquare es una constructora ficticia y está presentada como tal. El prototipo tiene HTML semántico, fuentes alojadas en el sitio, navegación por teclado, opciones para reducir las animaciones y un buscador por secciones. Funciona sin un framework y no incluye testimonios ni un formulario que simule recibir consultas.
Qué falta para un lanzamiento real
- Licencias, seguros y datos de contacto reales
- Un formulario real conectado al CRM de la empresa
- Fotos reales de las obras para reemplazar las imágenes generadas del prototipo
- La aprobación de la empresa sobre precios y plazos