Disseny i evolució d’una plataforma per a la gestió immobiliària

Com transformar una eina complexa en una experiència clara, coherent i útil per al dia a dia.

Disseny UX/UI de plataforma de gestió immobiliaria per a producte digital B2B

Context

Aquest projecte s’emmarca en el disseny i l’evolució d’una plataforma digital per a la gestió integral d’agències immobiliàries.

L’eina dona suport als processos comercials i operatius del dia a dia, integrant múltiples funcionalitats en un únic sistema.

Com a Product Designer, he treballat en col·laboració amb equips de Producte i Desenvolupament, participant en la definició de fluxos, l’arquitectura de la informació, els patrons d’interacció i l’evolució del Design System.

L’objectiu ha estat millorar l’experiència d’ús, facilitant la navegació i aportant més coherència visual, funcional i estructural al conjunt del producte.

El meu rol

Com a Product Designer, he treballat en estreta col·laboració amb equips de Producte i Desenvolupament durant tot el cicle de vida del producte.

He participat en la definició de fluxos, l’arquitectura de la informació, el disseny d’interfícies i l’evolució del Design System, contribuint a construir una experiència coherent, escalable i centrada en les necessitats de les persones usuàries.

Àrees de treball

  • Arquitectura de la informació
  • Definició de fluxos d’usuari
  • Disseny d’interfícies (UI)
  • Design System
  • Col·laboració transversal amb Producte i Desenvolupament

El repte

La plataforma havia crescut incorporant noves funcionalitats i processos al llarg del temps, fet que havia augmentat la complexitat de l’experiència d’ús.

La informació, les accions i els fluxos de treball no sempre seguien una estructura coherent, dificultant la navegació i la presa de decisions en el dia a dia.

Aquesta situació generava diversos reptes:

  • Dificultat per identificar les accions principals.
  • Manca de jerarquia visual i estructural.
  • Inconsistències entre pantalles i patrons d’interacció.
  • Increment de la càrrega cognitiva.

Què vam descobrir

L’anàlisi del producte ens va permetre identificar diversos patrons recurrents:

  • Les accions més freqüents no sempre eren les més visibles.
  • La informació rellevant competia amb elements secundaris.
  • Les inconsistències entre pantalles dificultaven l’aprenentatge i la navegació.
  • Calia reforçar la coherència entre pantalles per reduir la càrrega cognitiva.
 

Presentació dels resultats de l’auditoria del producte als equips implicats, identificant inconsistències i oportunitats de millora.

Sessió de priorització de funcionalitats segons impacte i valor, per definir una jerarquia clara de necessitats.

Facilitació d’una sessió de cocreació per identificar punts de fricció i definir nous fluxos de treball.

Què vam descobrir

L’anàlisi del producte ens va permetre identificar diversos patrons recurrents:

  • Les accions més freqüents no sempre eren les més visibles.
  • La informació rellevant competia amb elements secundaris.
  • Les inconsistències entre pantalles dificultaven l’aprenentatge i la navegació.
  • Calia reforçar la coherència entre pantalles per reduir la càrrega cognitiva.

Presentació dels resultats de l’auditoria del producte als equips implicats, identificant inconsistències i oportunitats de millora.

Sessió de priorització de funcionalitats segons impacte i valor, per definir una jerarquia clara de necessitats.

Facilitació d’una sessió de cocreació per identificar punts de fricció i definir nous fluxos de treball.

Decisions de disseny

A partir dels insights identificats, el redisseny es va centrar a simplificar el sistema, reforçar la jerarquia visual i fer més visibles les accions principals.

Simplificació de fluxos

La simplificació dels fluxos es va aplicar en diversos punts clau del producte.

Aquest exemple mostra la reorganització del menú principal segons els patrons d’ús i la revisió del naming.

  • Reordenació segons patrons d’ús
  • Reducció de fricció en tasques recurrents
Reorganització de l’arquitectura de navegació, passant d’una estructura orientada al sistema a una altra basada en els patrons d’ús.

Jerarquia i priorització de la informació

La millora de la jerarquia visual es va centrar a donar més visibilitat a la informació rellevant i reduir la competència entre elements en pantalla.

Aquest exemple mostra la reorganització d’una pantalla amb alta densitat d’informació, prioritzant les accions principals, agrupant continguts relacionats i reforçant l’escaneig visual.

  • Priorització de les accions principals
  • Agrupació i jerarquia del contingut
  • Reducció de la càrrega cognitiva
Reorganització dels filtres per reforçar l’escaneig visual, reduir soroll visual i facilitar la presa de decisions.

Claredat i consistència de les accions

Treballem la claredat i la consistència de les accions en punts clau del producte.

Aquest exemple mostra la reorganització de les accions principals per fer-les més visibles, reduir l’ambigüitat i reforçar la coherència entre patrons d’interacció.

  • Accions principals destacades
  • Consistència entre patrons
  • Reducció de l’ambigüitat
Reorganització de les accions per reforçar la jerarquia visual i reduir l’ambigüitat d’ús.

Construint coherència a escala

Aquest treball va incloure la creació i evolució del Design System del producte com a base per reforçar la consistència, l’escalabilitat i l’eficiència del sistema.

  • Definició i unificació de components i patrons
  • Evolució d’estats, variants i comportaments
  • Millora de la coherència entre fluxos i pantalles
Definició i evolució de components i estats per garantir la consistència i l’escalabilitat del sistema.

Decisions de disseny

A partir dels insights identificats, el redisseny es va centrar a simplificar el sistema, reforçar la jerarquia visual i fer més visibles les accions principals.

Simplificació de fluxos

La simplificació dels fluxos es va aplicar en diversos punts clau del producte.

Aquest exemple mostra la reorganització del menú principal segons els patrons d’ús i la revisió del naming.

  • Reordenació segons patrons d’ús
  • Reducció de fricció en tasques recurrents

Reorganització de l’arquitectura de navegació, passant d’una estructura orientada al sistema a una altra basada en els patrons d’ús.

Jerarquia i priorització de la informació

La millora de la jerarquia visual es va centrar a donar més visibilitat a la informació rellevant i reduir la competència entre elements en pantalla.

Aquest exemple mostra la reorganització d’una pantalla amb alta densitat d’informació, prioritzant les accions principals, agrupant continguts relacionats i reforçant l’escaneig visual.

  • Priorització de les accions principals
  • Agrupació i jerarquia del contingut
  • Reducció de la càrrega cognitiva
Reorganització dels filtres per reforçar l’escaneig visual, reduir soroll visual i facilitar la presa de decisions.

Claredat i consistència de les accions

Treballem la claredat i la consistència de les accions en punts clau del producte.

Aquest exemple mostra la reorganització de les accions principals per fer-les més visibles, reduir l’ambigüitat i reforçar la coherència entre patrons d’interacció.

  • Accions principals destacades
  • Consistència entre patrons
  • Reducció de l’ambigüitat
Reorganització de les accions per reforçar la jerarquia visual i reduir l’ambigüitat d’ús.

Construint coherència a escala

Aquest treball va incloure la creació i evolució del Design System del producte com a base per reforçar la consistència, l’escalabilitat i l’eficiència del sistema.

  • Definició i unificació de components i patrons
  • Evolució d’estats, variants i comportaments
  • Millora de la coherència entre fluxos i pantalles
Definició i evolució de components i estats per garantir la consistència i l’escalabilitat del sistema.

Aprenentatges

Aquest projecte em va confirmar que els problemes d’usabilitat sovint no es resolen afegint funcionalitats, sinó simplificant l’experiència i reforçant la coherència del sistema.

Treballar conjuntament amb equips de Producte i Desenvolupament em va permetre entendre la importància d’alinear les necessitats del negoci amb les de les persones usuàries, prenent decisions basades en evidències i prioritzant l’impacte a llarg termini.

També va consolidar la meva manera de treballar: analitzar abans de dissenyar, construir consens amb els equips implicats i utilitzar el Design System com una eina estratègica per garantir consistència i escalabilitat.