Volver a Proyectos
UX/UI Design · Laboratoria · Proyecto de Estudio

Rediseño Web Propins

Rediseño de la plataforma de venta remota e interactiva de propiedades, mejorando la confianza, usabilidad y accesibilidad para usuarios de todas las edades.

Rediseño Web Propins

Rol

UX/UI Designer — Research, heurística y prototipado

Herramientas

Figma

Contexto

Proptech — Bootcamp Laboratoria 2021

Contexto

Propins es una plataforma web diseñada para la venta remota e interactiva de propiedades. Integra tecnología de streaming con realidad virtual, permitiendo una interacción en tiempo real entre el equipo de ventas y el cliente desde cualquier dispositivo y ubicación. Lanzada en 2019 con enfoque B2C, a partir de 2020 comenzó a colaborar con inmobiliarias B2B para implementar salas de ventas virtuales en proyectos residenciales.

El problema

La creciente complejidad de la venta presencial de propiedades llevó a muchas empresas a adaptar sus plataformas a nuevas tecnologías. Sin embargo, la diversidad de usuarios generó desafíos en la adopción del sistema de visitas interactivas, resultando en una baja interacción web. Era fundamental comprender las necesidades de los usuarios y mejorar la accesibilidad y usabilidad del sitio.

La solución

Rediseñar la página principal de Propins brindándole una identidad más fuerte y mayor sensación de confianza. Incorporar información clara, simple y transparente sobre el proceso de venta, de manera que usuarios de todas las edades pudieran identificar fácilmente los servicios ofrecidos, con detalles sobre el equipo, documentación necesaria, cláusulas y cada etapa del proceso.

Metodología de investigación

Flujo Design Thinking

Entrevistas con expertos

Se contactó a asesores y corredores de propiedades para profundizar en el sector inmobiliario. Los hallazgos clave fueron: establecer vínculos sólidos con el cliente generando confianza y seguridad; solicitar documentación previa y verificar condiciones óptimas de la propiedad; las páginas deben ser concisas, simples y altamente visuales; y los usuarios no están familiarizados con los procesos de compra y venta, por lo que es crucial informarles claramente cada paso.

Entrevistas con usuarios

Se contactó a usuarios de Propins y a compradores/vendedores de propiedades. Los hallazgos clave fueron: las personas valoran conocer con anticipación qué información necesitan para vender; valoran recibir respuestas inmediatas y comunicarse con personas reales; necesitan una línea de tiempo que indique en qué etapa del proceso se encuentran; valoran conocer en detalle el proceso de venta, presentación de imágenes y fijación de precio; y la página debe ser intuitiva para personas de todas las edades.

Benchmark

Referente 1 — Opendoor

Simplicidad del proceso de venta guiando al usuario de principio a fin. Panel de usuario con calendario para visualizar ofertas, visitas, mensajes y recordatorios. Interfaz simple, limpia e intuitiva, libre de estímulos que permiten concentración en el objetivo de concretar la venta.

Referente 1 — Opendoor

Referente 2 — RedFlip

Destaca por sus ilustraciones e información gráfica y sencilla. Refuerza la identidad de la empresa demostrando confianza y profesionalismo. Reseñas de usuarios y datos numéricos que respaldan su credibilidad y experiencia en el mercado.

Referente 2 — RedFlip

Evaluación heurística

Una de las principales solicitudes del cliente fue una evaluación diagnóstica del flujo de venta del sitio web para identificar dolores en la usabilidad y encontrar oportunidades de optimización. El diagnóstico heurístico reveló un 48% de usabilidad.

Resultados evaluación heurística

Visibilidad del estatus del sistema

Se visualizaba un flujo de pasos con 3 etapas para contratar los servicios de Propins. Sin embargo, entre estos pasos existían etapas adicionales no informadas que alargaban el proceso (dirección domicilio, datos personales, agendar visita con fotógrafo, envío de documentación), generando molestia en el usuario.

Visibilidad del estatus del sistema

Analogía entre el sistema y el mundo real

Durante todo el flujo se utilizaba el término 'proper' para hacer referencia a vendedor, comprador y referido, siendo confuso para el usuario y dificultando la comprensión del contenido.

Analogía entre el sistema y el mundo real

Ayuda y documentación

Después de un extenso proceso de registro, si no había disponibilidad de horarios con el fotógrafo, el flujo se finalizaba sin posibilidad de regresar, guardar la información ingresada, contactar a un experto o acceder a un enlace de ayuda, generando frustración por el tiempo perdido.

Ayuda y documentación

Proceso de diseño

Mapa de afinidad

Síntesis de los hallazgos de investigación organizados por categorías para identificar patrones y oportunidades de mejora.

Mapa de afinidad

Propuesta de flujo

Definición del nuevo flujo de usuario simplificado, eliminando fricciones y comunicando claramente cada etapa del proceso de venta.

Propuesta de flujo

Wireframes

Estructuración de la arquitectura y jerarquía visual antes de avanzar al diseño de alta fidelidad.

Prototipo alta fidelidad

Se diseñaron las pantallas principales del flujo de venta incluyendo landing principal, formulario de datos de usuario y panel de perfil de usuario.

Landing principal — Click CTA

Landing principal — Click CTA

Flujo propiedades

Paso 1 — Datos personales

Paso 1 — Datos personales

Paso 2 — Dirección de la propiedad

Paso 2 — Dirección de la propiedad

Paso 3 — Tipo de propiedad

Paso 3 — Tipo de propiedad

Paso 4 — Elección de plan

Paso 4 — Elección de plan

Paso 5 — Agendamiento de cita

Paso 5 — Agendamiento de cita

Panel de usuario

Panel principal — Vista general

Panel principal — Vista general

Panel de usuario — Plan de venta

Panel de usuario — Plan de venta

Panel de usuario — Información de la propiedad

Panel de usuario — Información de la propiedad

Resultado

Una experiencia de venta más clara y accesible

Se logró un rediseño completo del sitio con una identidad visual más fuerte, mayor sensación de confianza y un flujo de venta simplificado y transparente. La nueva propuesta comunica claramente cada etapa del proceso, reduce las fricciones identificadas en la evaluación heurística y mejora la accesibilidad para usuarios de todas las edades.

Ver prototipo interactivo