ProjectO

Consultoría UX/UI + Soft

Viviendas Roca

Diseñamos la experiencia digital de Viviendas Roca para que los usuarios puedan personalizar y solicitar cotizaciones de forma ágil e intuitiva.

Cliente

Viviendas Roca

Categoría

Consultoría

Tiempo

Lanzamiento

28 feb 2025

Intro

Viviendas Roca, una empresa dedicada a la construcción y venta de viviendas personalizadas, nos encargó el desarrollo de una plataforma web que permitiera digitalizar el proceso de cotización y reserva para sus clientes. El objetivo fue diseñar un sistema sencillo e intuitivo, que guiara al usuario desde la elección del modelo de casa hasta la solicitud y seguimiento de su cotización, sin necesidad de complejas herramientas de CRM en esta primera etapa.

El Desafío

  • Digitalizar el flujo de cotizaciones

    • Actualmente, las cotizaciones en Viviendas Roca se gestionan manualmente en planillas. Era necesario un sistema que centralice cada solicitud, mejore la trazabilidad y reduzca errores.

  • Facilitar la experiencia del usuario

    • Los interesados debían poder seleccionar un modelo de vivienda, personalizarlo (terminaciones, ubicación, metraje) y enviar sus datos de contacto en pocos pasos.

    • Enfocar el diseño en mobile-first, ya que gran parte del público navega desde el celular.

  • Entregar un panel administrativo ágil

    • El equipo interno de Viviendas Roca necesitaba un panel ligero para ver, filtrar y actualizar el estado de cada cotización—sin sobrecargarlo con funcionalidades de CRM completas.

  • Automatizar notificaciones básicas

    • Enviar correos electrónicos automáticos al cliente cuando su cotización cambiara de estado (por ejemplo: “En proceso de validación”, “Cotización aprobada”, “Requiere mayor información”).

  • Garantizar escalabilidad futura

    • Armar una arquitectura que, si bien arrancaba como MVP, permitiera en fases posteriores integrar pagos online, módulos de CRM más avanzados y estadísticas detalladas sin rehacer la base.

Resultado Final

Realizamos un proceso integral de investigación, consultoría y diseño UX/UI para digitalizar el flujo de cotizaciones de Viviendas Roca. A través de talleres con el equipo interno y entrevistas a potenciales compradores, mapeamos los puntos de dolor actuales y definimos las necesidades funcionales. Con estos insumos, creamos un prototipo de alta fidelidad para web y mobile que guía al usuario desde la selección del modelo de vivienda hasta la solicitud de cotización, asegurando una experiencia intuitiva y eficiente antes de cualquier fase de desarrollo.

Puntos clave de la solución

  • Investigación y consultoría inicial:

    • Entrevistas con el equipo comercial y visitas a obras para comprender el proceso manual de cotización.

    • Benchmarking de plataformas inmobiliarias para identificar buenas prácticas y brechas de mercado.

  • Definición de requerimientos y personas:

    • Workshops colaborativos para recopilar necesidades del negocio (tipos de vivienda, opciones de personalización, etapas del flujo de venta).

    • Creación de perfiles de usuarios (buyer personas) según motivaciones y contexto de quienes buscan su primera o segunda vivienda.

  • Mapeo de flujos y arquitectura de información:

    • Documento de recorrido de usuario (user journey) desde la navegación inicial hasta el envío de la cotización.

    • Estructuración de contenidos y secciones necesarias (listado de modelos, página de detalles, formulario de cotización, área interna).

  • Diseño UX/UI:

    • Wireframes de baja fidelidad que representan pantallas clave tanto en desktop como en mobile.

    • Prototipo visual de alta fidelidad con paleta de tonos tierra y acentos verdes, tipografía legible y CTAs bien visibles.

    • Adaptación mobile-first para garantizar carga rápida y usabilidad en dispositivos móviles.

  • Validación con usuarios:

    • Pruebas de usabilidad con un grupo representativo de usuarios finales para ajustar textos, formularios y navegación.

    • Feedback iterativo para optimizar la claridad de mensajes de estado y la disposición de los campos en el formulario de cotización.

  • Entregables finales:

    • Documento de especificaciones funcionales y de alcance (MVP de cotizaciones).

    • Prototipo interactivo en Figma listo para pasar a la etapa de desarrollo.

    • Guía de estilo UX/UI con componentes reutilizables y recomendaciones de interacción.

Con esta metodología, Viviendas Roca cuenta con una base sólida de definición y diseño que asegura que, cuando se inicie el desarrollo, la experiencia de usuario ya esté validada y alineada a los objetivos del negocio.

Background

Método NATO ®

01

Detectar

Analizamos tu negocio, mercado y desafíos. Detectamos oportunidades de mejora y crecimiento a través de entrevistas, data y observación activa.

01

Detectar

Analizamos tu negocio, mercado y desafíos. Detectamos oportunidades de mejora y crecimiento a través de entrevistas, data y observación activa.

01

Detectar

Analizamos tu negocio, mercado y desafíos. Detectamos oportunidades de mejora y crecimiento a través de entrevistas, data y observación activa.

02

Definir

Alineamos objetivos con estrategia. Convertimos la información en un plan claro. Definimos objetivos alcanzables, prioridades y métricas clave para avanzar con foco.

02

Definir

Alineamos objetivos con estrategia. Convertimos la información en un plan claro. Definimos objetivos alcanzables, prioridades y métricas clave para avanzar con foco.

02

Definir

Alineamos objetivos con estrategia. Convertimos la información en un plan claro. Definimos objetivos alcanzables, prioridades y métricas clave para avanzar con foco.

03

Diseñar

Prototipamos soluciones concretas. Creamos propuestas visuales, técnicas o conceptuales según la unidad de negocio: sistemas, campañas, marcas o procesos.

03

Diseñar

Prototipamos soluciones concretas. Creamos propuestas visuales, técnicas o conceptuales según la unidad de negocio: sistemas, campañas, marcas o procesos.

03

Diseñar

Prototipamos soluciones concretas. Creamos propuestas visuales, técnicas o conceptuales según la unidad de negocio: sistemas, campañas, marcas o procesos.

04

Desarrollar

Pasamos de idea a realidad. Implementamos con tecnología y creatividad lo que definimos juntos: software, contenidos, automatizaciones o sitios web.

04

Desarrollar

Pasamos de idea a realidad. Implementamos con tecnología y creatividad lo que definimos juntos: software, contenidos, automatizaciones o sitios web.

04

Desarrollar

Pasamos de idea a realidad. Implementamos con tecnología y creatividad lo que definimos juntos: software, contenidos, automatizaciones o sitios web.

05

Activar

Lanzamos, conectamos, comunicamos. Publicamos, integramos y activamos el proyecto para que entre en funcionamiento con todo el soporte necesario.

05

Activar

Lanzamos, conectamos, comunicamos. Publicamos, integramos y activamos el proyecto para que entre en funcionamiento con todo el soporte necesario.

05

Activar

Lanzamos, conectamos, comunicamos. Publicamos, integramos y activamos el proyecto para que entre en funcionamiento con todo el soporte necesario.

06

Iterar

Medimos, aprendemos y mejoramos. Evaluamos el rendimiento y ajustamos. Acompañamos la evolución del proyecto con una mentalidad de mejora continua.

06

Iterar

Medimos, aprendemos y mejoramos. Evaluamos el rendimiento y ajustamos. Acompañamos la evolución del proyecto con una mentalidad de mejora continua.

06

Iterar

Medimos, aprendemos y mejoramos. Evaluamos el rendimiento y ajustamos. Acompañamos la evolución del proyecto con una mentalidad de mejora continua.

Background Image

¿Querés transformar tu negocio? Hablemos y hagamos que pase.

Grid Image
Cta Image

Transformamos ideas en soluciones digitales reales. Contanos qué tenés en mente y te ayudamos a ordenarlo, bajarlo a tierra y ejecutarlo con estrategia, diseño y tecnología.

Background Image

¿Querés transformar tu negocio? Hablemos y hagamos que pase.

Grid Image
Cta Image

Transformamos ideas en soluciones digitales reales. Contanos qué tenés en mente y te ayudamos a ordenarlo, bajarlo a tierra y ejecutarlo con estrategia, diseño y tecnología.

Background Image

¿Querés transformar tu negocio? Hablemos y hagamos que pase.

Grid Image
Cta Image

Transformamos ideas en soluciones digitales reales. Contanos qué tenés en mente y te ayudamos a ordenarlo, bajarlo a tierra y ejecutarlo con estrategia, diseño y tecnología.