INVENTORY MANAGEMENT SYSTEM

IMS es un sistema de gestión de inventarios en tiempo real, diseñado para usuarios como asesores inmobiliarios de La Haus. Facilita la visualización de proyectos, propiedades y la creación de cotizaciones, manteniendo tu inventario siempre actualizado y en línea.

Reto: Rediseño del IMS

  • Página de búsqueda

  • Ver Proyecto - inventario

  • Detalle de Propiedad

  • Cotizador

Equipo IMS

  • Product Manager

  • Tech Lead

  • 6 Developers

  • Diseñador UX/UI

Rol

Diseñadora UX/UI

OBJETIVOS DEL NEGOCIO

Sistema de inventarios actualizado para La Haus y las constructoras aliadas

La Haus, como marketplace inmobiliario, necesitaba un sistema seguro y fácil de usar para que su equipo comercial gestionara el inventario de propiedades. Esto también mejoraría la colaboración con las constructoras, evitando problemas en la administración del inventario.

Unificar la gestión de inventarios en una sola solución

La Haus operaba con dos sistemas en paralelo: un Admin y el IMS. El IMS surgió con el objetivo de ser simple y accesible para las constructoras. Sin embargo, para evitar la duplicidad y facilitar el acceso a información completa, era necesario unificar ambos sistemas en uno solo. De aquí surge la necesidad de un rediseño.

Mejorar la experiencia de realización de cotizaciones para el asesor y el cliente

La cotización de planes de pago, tanto estándar como personalizados, es clave para el negocio. El IMS necesita ofrecer una solución rápida y flexible que permite a los asesores inmobiliarios generar cotizaciones en tiempo real, con un alto nivel visual que transmite confianza a los clientes.

PROBLEMAS DE LOS USUARIOS

Necesidad de una única fuente de verdad

El uso simultáneo del Admin e IMS generaba descoordinación y retrasos en la actualización del inventario. IMS vino a resolver este desafío, garantizando un inventario siempre actualizado para evitar retrocesos y frustraciones en el proceso de compra, que podrían generar cancelaciones por una mala experiencia de usuario.

Falta de flexibilidad del cotizador

Los asesores preferían Excel para cotizar debido a la falta de flexibilidad del cotizador en IMS. Realizamos ajustes para hacerlo más eficiente, incentivando su uso. Esto benefició al negocio, ya que descubrimos que las cotizaciones con un diseño visual atractivo generan mayor confianza en los clientes, en contraste con las hechas en Excel.

Roles múltiples y necesidades específicas

Era esencial establecer roles y permisos claros para gestionar correctamente el inventario. Por ejemplo, el gestor de calidad puede editar el inventario, mientras que el asesor inmobiliario solo tiene permisos de consulta. El sistema no se adaptaba a estas necesidades, lo que dificultaba una administración eficiente.

Inventarios en línea y tiempo real

IMS

300+

40.000+

Proyectos inmobiliarios en Colombia y México

Propiedades en el inventario de IMS

Proceso de diseño

Entender objetivos del negocio, OKRs, KIPs del equipo y limitantes tecnicas que imacten la iniciativa.

Entendimiento del negocio

Encontrar problemas y necesidades no resueltas en los usuarios por medio de analisis de data cualitativa.

Empatizar con el usuario

Realizo benchmarks para analizar las mejores prácticas de los principales competidores. Diseño wireframes de baja fidelidad con un enfoque en la experiencia de usuario (UX).

Benchmark y Lo-Fi Wireframes

Organizo un design review con el equipo y stakeholders clave para recibir feedback, explico detalladamente las decisiones de diseño, asegurándome de que cada elemento de la interfaz se gane un lugar.

Design Review y Critique

Realizo múltiples exploraciones de alta fidelidad para optimizar la interfaz en términos de jerarquía, espaciado y textos, selecciono el diseño que, a mi juicio, ofrece la mejor propuesta visual y experiencia de usuario.

Exploraciones y Hi-Fi Wireframes

Realizo pruebas de usabilidad para garantizar que la experiencia sea intuitiva y fácil de usar para los usuarios.

Pruebas de usabilidad

Diseño final responsive - Handoff

Diseño final responsive (mobile, desktop y tablet), edge cases y ajustes basados en los hallazgos de las pruebas de usabilidad. Incluyo notas explicativas para cada parte de la interfaz.Al finalizar realizo reunión con el equipo para la entrega.

Como advocate de la calidad del producto, realizo QAs de diseño y funcionalidad para asegurarme de que el usuario reciba una experiencia impecable.

QA de diseño

ANTES

IMS experiencia básica

IMS ofrecía una experiencia básica con funciones limitadas: filtrado sencillo, información escasa de proyectos, tablas de planes de pago poco interactivas y reportes básicos. Fue un primer paso hacia lo que eventualmente sería un IMS más robusto.

DESPUÉS

Rediseño IMS

El rediseño de IMS proporciona una experiencia de dashboard más completa, integrando las fortalezas del Admin con las funciones de IMS. Los asesores ahora tienen acceso a una vista más completa de la oferta de La Haus en un solo lugar. Renovamos la búsqueda de proyectos, la visualización de información, el inventario, los detalles de apartamentos y el cotizador, con una paleta de colores alineada al branding.

Rediseño inventario

Nuestro objetivo con el rediseño del inventario fue ofrecer a los usuarios una vista clara del estado del proyecto, junto con filtros intuitivos para refinar la búsqueda por criterios clave, como precio y características de la propiedad. Esta mejora facilita la navegación y permite acceder rápidamente a la información más relevante.

Modulo de Data

El módulo Data ofrece una visión rápida del estado actual del proyecto y su nivel de actividad en términos de ventas. Este módulo actúa como un resumen inicial, proporcionando una vista general antes de acceder a reportes más detallados y complejos en la pestaña "Reportes".

Inventario

El inventario permite ver toda la disponibilidad de apartamentos por proyecto en una vista más compacta, reduciendo el scroll en comparación con el diseño anterior. Se agregaron nuevos filtros, como precio y características, así como filtros por estado, para diferenciar fácilmente los apartamentos vendidos de los disponibles.

Cotizador

El cotizador es una herramienta esencial para los asesores, ya que al cotizar se refleja el interés explícito de los clientes por una propiedad. Buscamos crear una experiencia completa, pero al mismo tiempo fácil de usar. A pesar de la complejidad de las variables que puede manejar, logramos desarrollar una versión simple, flexible y eficiente. Eliminando la necesidad de que los asesores recurran a Excel para cotizar y al mismo tiempo mejorando la adopcion de IMS.

Datos del cliente

En este módulo, se ingresan los datos de la persona interesada en comprar la propiedad, lo que permite enviarle una cotización por correo electrónico y/o WhatsApp. Una vez ingresada la información, se habilita el botón del sticky bar "Enviar cotización" para completar el proceso. El formulario antes estaba oculto, lo que causaba confusión. Al dejarlo visible, mejoramos su comprensión y uso.

Plan de pagos

Muestra un resumen de las opciones de pago estándar y personalizado para la propiedad. También permite agregar costos adicionales, como parqueaderos, cuartos útiles y bonos de descuento, brindando una visión completa de los costos asociados a la compra.

Plan estándar

Es el modo de pago más básico que ofrece la constructora a los clientes, cuenta con cuotas que se acomodan facilmente a la capacidad de pago promedio del cliente que desee adquirir una propiedad.

Plan personalizado

El plan personalizado es el módulo estrella del cotizador, ya que permite al cliente proponer un esquema de pago adaptado a su capacidad financiera. En esta sección, se pueden ingresar los valores deseados, y el cotizador ajustará automáticamente los montos, aplicando descuentos o recargos financieros según sea necesario. Esta flexibilidad facilita la toma de decisiones, permitiendo al cliente encontrar la opción de pago que mejor se adapta a su situación económica, ofreciendo una experiencia más personalizada y satisfactoria. Antes, los usuarios no identificaban qué elementos eran editables en la tabla. Al agregar inputs, mejoramos la curva de aprendizaje para usar el plan de pagos personalizado.

Rediseño Búsqueda de proyectos

Rediseñamos la experiencia de búsqueda de proyectos para hacerla completa y fácil de adaptar a las necesidades de asesores y otros usuarios de IMS. Implementamos filtros avanzados y cards que muestran datos generales de los proyectos. IMS se ajusta según los permisos de cada usuario. Por ejemplo, el único rol con capacidad para editar proyectos es el gestor de calidad, por lo que las opciones de edición están ocultas para los demás usuarios que solo tienen permisos de consulta.

Cards de proyectos

Las cards fueron renovadas para incentivar la exploración, con imágenes destacadas y la información clave que permite a los asesores brindar una experiencia de videollamada excepcional. Los gestores de calidad de oferta tienen una opción adicional que les permite editar el proyecto. Además, se incorporaron tags especiales para identificar prelanzamientos, una categoría clave para el negocio, ya que buscamos impulsar estas propiedades para maximizar las ventas.

Filtros

La experiencia de filtros se ha vuelto mucho más avanzada, en contraste con la barra de búsqueda básica de la versión anterior. Ahora, los usuarios pueden explorar de manera más detallada la amplia oferta de La Haus, buscando entre más de 310 proyectos y una variedad de casas y apartamentos.

Información del Proyecto

En la versión anterior de IMS, esta experiencia no estaba disponible, lo que obligaba a los asesores a buscar la información completa del proyecto en brochures, PDFs o el Admin, generando una experiencia de venta menos eficiente y descentralizada. Con este rediseño, hemos creado una experiencia integral que muestra a los asesores las características clave del proyecto, incluyendo detalles como el constructor —un factor crucial para la decisión de compra, ya que en La Haus solo trabajamos con constructores de alta reputación—, ubicación y aspectos financieros.

Card overview

Esta card proporciona al usuario un resumen rápido con detalles clave del desarrollo, como el constructor, fechas de lanzamiento y entrega, áreas, número de habitaciones, entre otros. Así, se ofrece una visión general del proyecto de manera rápida y clara.

Ubicación

Este módulo se encuentra en la parte superior de la interfaz, ya que, según la investigación realizada con asesores, descubrimos que la ubicación es uno de los factores más decisivos en la compra. Los clientes desean conocer los alrededores del proyecto, como las calles, comercios y sitios de interés cercanos, antes de profundizar en otros detalles.

Escalamiento de precios y Planes de pago

Estos dos módulos proporcionan información clave sobre las opciones de pago de la propiedad, lo que ayuda a los asesores a ofrecer las mejores alternativas a los clientes, especialmente en términos de ahorro. Según el tipo de usuario, el módulo de escalamiento de precios puede ser editable, lo que permite personalizar las opciones de pago según las necesidades del cliente.

Rentabilidad estimada

La rentabilidad estimada es un incentivo adicional que los asesores pueden usar durante la videollamada para mostrar al cliente el potencial de valorización o las ganancias por rentas de una propiedad en un proyecto específico, haciendo la compra más atractiva.

Detalle de propiedad

En esta modal, el usuario puede ver detalles profundos de la propiedad de interés, incluyendo información ampliada sobre amenidades, costos, imágenes y la opción de actualizar manualmente el estado de la propiedad. Para evitar saturar la vista con demasiada información de una sola vez, la experiencia se organiza en tres tabs, ofreciendo una navegación más clara y estructurada.

Prototipo interactivo

Aprendizajes

  • Al principio, me enfoqué mucho en ser el "advocate" del usuario, lo que me dificultaba equilibrar sus necesidades con los objetivos del negocio. Tendía a crear experiencias muy detalladas y complejas, pero con el tiempo aprendí a encontrar el equilibrio entre ofrecer una experiencia de usuario sólida y optimizar la velocidad, siempre considerando también las necesidades del negocio.

  • Inicialmente, mis QAs de diseño y funcionalidad eran muy exhaustivos, incluso obsesivos con los detalles. Aprendí a equilibrar esto, creando QAs más efectivos que mejoraban la experiencia en los aspectos clave, sin necesidad de enfocarme tanto en los detalles, algo que tiende a caracterizarme.

  • Quería incluir más datos en la sección de "Información del proyecto", pero gracias al feedback del equipo de diseño, pude optimizar la experiencia, haciéndola más sencilla y enfocada en lo esencial. Aprendí la importancia de solicitar feedback constante como parte del crecimiento profesional.

Anterior
Anterior

Roomie Design System