Diseño y evolución de una plataforma para la gestión inmobiliaria
Cómo transformar una herramienta compleja en una experiencia clara, coherente y útil para el trabajo diario.
Contexto
Este proyecto se enmarca en el diseño y la evolución de una plataforma digital para la gestión integral de agencias inmobiliarias.
La herramienta da soporte a los procesos comerciales y operativos del día a día, integrando múltiples funcionalidades en un único sistema.
Como Product Designer, he trabajado en colaboración con equipos de Producto y Desarrollo, participando en la definición de flujos, la arquitectura de la información, los patrones de interacción y la evolución del Design System.
El objetivo ha sido mejorar la experiencia de uso, facilitando la navegación y aportando una mayor coherencia visual, funcional y estructural al conjunto del producto.
Mi rol
Como Product Designer, he trabajado en estrecha colaboración con equipos de Producto y Desarrollo a lo largo de todo el ciclo de vida del producto.
He participado en la definición de flujos, la arquitectura de la información, el diseño de interfaces y la evolución del Design System, contribuyendo a construir una experiencia coherente, escalable y centrada en las necesidades de las personas usuarias.
Áreas de trabajo
- Arquitectura de la información
- Definición de flujos de usuario
- Diseño de interfaces (UI)
- Design System
- Colaboración transversal con Producto y Desarrollo
El reto
La plataforma había crecido incorporando nuevas funcionalidades y procesos a lo largo del tiempo, lo que había incrementado la complejidad de la experiencia de uso.
La información, las acciones y los flujos de trabajo no siempre seguían una estructura coherente, dificultando la navegación y la toma de decisiones en el día a día.
Esta situación generaba varios retos:
- Dificultad para identificar las acciones principales.
- Falta de jerarquía visual y estructural.
- Inconsistencias entre pantallas y patrones de interacción.
- Incremento de la carga cognitiva.
Qué descubrimos
El análisis del producto nos permitió identificar varios patrones recurrentes:
- Las acciones más frecuentes no siempre eran las más visibles.
- La información relevante competía con elementos secundarios.
- Las inconsistencias entre pantallas dificultaban el aprendizaje y la navegación.
- Era necesario reforzar la coherencia entre pantallas para reducir la carga cognitiva.
Qué descubrimos
El análisis del producto nos permitió identificar varios patrones recurrentes:
- Las acciones más frecuentes no siempre eran las más visibles.
- La información relevante competía con elementos secundarios.
- Las inconsistencias entre pantallas dificultaban el aprendizaje y la navegación.
- Era necesario reforzar la coherencia entre pantallas para reducir la carga cognitiva.
Decisiones de diseño
A partir de los insights identificados, el rediseño se centró en simplificar el sistema, reforzar la jerarquía visual y hacer más visibles las acciones principales.
Simplificación de flujos
Simplificamos los flujos en diferentes puntos clave del producto.
Este ejemplo muestra la reorganización del menú principal según los patrones de uso y la revisión del naming.
- Reordenación según los patrones de uso
- Reducción de la fricción en tareas recurrentes
Jerarquía y priorización de la información
La mejora de la jerarquía visual se centró en hacer más visible la información relevante y reducir la competencia entre elementos en pantalla.
Un ejemplo de este trabajo es la reorganización de pantallas con alta densidad de información, priorizando las acciones clave, agrupando contenidos y reforzando el escaneo visual.
- Priorización de las acciones principales
- Agrupación y jerarquía del contenido
- Reducción de la carga cognitiva
Claridad y consistencia de las acciones
Trabajamos la claridad y la consistencia de las acciones en puntos clave del producto.
Este ejemplo muestra la reorganización de las acciones principales para hacerlas más visibles, reducir la ambigüedad y reforzar la coherencia entre los patrones de interacción.
- Acciones principales destacadas
- Consistencia entre patrones
- Reducción de la ambigüedad
Construyendo coherencia a escala
Este trabajo incluyó la creación y evolución del Design System del producto como base para reforzar la consistencia, la escalabilidad y la eficiencia del sistema.
- Definición y unificación de componentes y patrones
- Evolución de estados, variantes y comportamientos
- Mejora de la coherencia entre flujos y pantallas
Aprendizajes
Este proyecto me confirmó que los problemas de usabilidad rara vez se resuelven añadiendo funcionalidades, sino simplificando la experiencia y reforzando la coherencia del sistema.
Trabajar conjuntamente con los equipos de Producto y Desarrollo me permitió comprender la importancia de alinear las necesidades del negocio con las de las personas usuarias, tomando decisiones basadas en evidencias y priorizando el impacto a largo plazo.
También consolidó mi forma de trabajar: analizar antes de diseñar, construir consenso con los equipos implicados y utilizar el Design System como una herramienta estratégica para garantizar la consistencia y la escalabilidad.
Decisiones de diseño
A partir de los insights identificados, el rediseño se centró en simplificar el sistema, reforzar la jerarquía visual y hacer más visibles las acciones principales.
Simplificación de flujos
Simplificamos los flujos en diferentes puntos clave del producto.
Este ejemplo muestra la reorganización del menú principal según los patrones de uso y la revisión del naming.
- Reordenación según los patrones de uso
- Reducción de la fricción en tareas recurrentes
Jerarquía y priorización de la información
La mejora de la jerarquía visual se centró en hacer más visible la información relevante y reducir la competencia entre elementos en pantalla.
Un ejemplo de este trabajo es la reorganización de pantallas con alta densidad de información, priorizando las acciones clave, agrupando contenidos y reforzando el escaneo visual.
- Priorización de las acciones principales
- Agrupación y jerarquía del contenido
- Reducción de la carga cognitiva
Claridad y consistencia de las acciones
Trabajamos la claridad y la consistencia de las acciones en puntos clave del producto.
Este ejemplo muestra la reorganización de las acciones principales para hacerlas más visibles, reducir la ambigüedad y reforzar la coherencia entre los patrones de interacción.
- Acciones principales destacadas
- Consistencia entre patrones
- Reducción de la ambigüedad
Construyendo coherencia a escala
Este trabajo incluyó la creación y evolución del Design System del producto como base para reforzar la consistencia, la escalabilidad y la eficiencia del sistema.
- Definición y unificación de componentes y patrones
- Evolución de estados, variantes y comportamientos
- Mejora de la coherencia entre flujos y pantallas
