Disseny i evolució d’una plataforma per a la gestió immobiliària
Simplificació d’una eina complexa per fer visibles les accions clau i millorar la gestió diària
Context
Aquest projecte s’emmarca en el disseny i evolució d’una plataforma digital per a la gestió integral d’una agència immobiliària.
L’eina dona suport als processos comercials i operatius del dia a dia, integrant múltiples funcionalitats en un únic sistema.
Com a dissenyadora de producte, he treballat en col·laboració amb equips de producte i desenvolupament, participant en la definició de fluxos, arquitectura d’informació, patrons d’interacció i evolució del Design System.
L’objectiu ha estat millorar l’experiència d’ús, facilitant la navegació i aportant coherència visual i estructural al conjunt del producte.
El problema
El producte havia crescut de forma orgànica, generant inconsistències visuals i estructurals entre pantalles, cosa que dificultava la navegació i feia poc visibles les accions clau.
Això es traduïa en una experiència d’ús amb múltiples friccions:
- Dificultat per orientar-se dins del sistema
- Manca de jerarquia en la informació
- Accions clau poc visibles
- Una experiència fragmentada per a l’usuari
Insights clau
L’anàlisi del sistema va permetre identificar patrons recurrents:
- La informació competia constantment per l’atenció, dificultant la lectura i la presa de decisions
- No existia una jerarquia clara que guiés l’usuari dins de cada pantalla
- Les mateixes accions es resolien de maneres diferents, generant inconsistència
- El sistema no acompanyava el flux natural de treball, obligant l’usuari a adaptar-se a l’eina
Insights clau
L’anàlisi del sistema va permetre identificar patrons recurrents:
- La informació competia constantment per l’atenció, dificultant la lectura i la presa de decisions
- No existia una jerarquia clara que guiés l’usuari dins de cada pantalla
- Les mateixes accions es resolien de maneres diferents, generant inconsistència
- El sistema no acompanyava el flux natural de treball, obligant l’usuari a adaptar-se a l’eina
Decisions de disseny
A partir dels insights identificats, el disseny es va centrar en simplificar el sistema i fer visibles les accions clau, prioritzant la claredat i la coherència en tot el producte.
Simplificació de fluxos
Treballem la simplificació de fluxos en diferents punts clau del producte.
Aquest exemple mostra la reorganització del menú principal segons freqüència d’ús i revisió del naming.
- Reordenació segons patrons d’ús
- Reducció de fricció en tasques recurrents
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
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 una millora de reorganització d’accions principals per fer-les més visibles, reduir ambigüitats i unificar patrons d’interacció.
- Accions principals destacades
- Consistència entre patrons
- Reducció d’ambigüitat
Sistema de disseny
Aquest treball inclou la creació i evolució del Design System del producte, com a base per reforçar consistència, escalabilitat i eficiència en el producte.
- Definició i unificació de components i patrons
- Evolució d’estats, variants i comportaments
- Millora de coherència entre fluxos i pantalles
Decisions de disseny
A partir dels insights identificats, el disseny es va centrar en simplificar el sistema i fer visibles les accions clau, prioritzant la claredat i la coherència en tot el producte.
Decisions de disseny
Treballem la simplificació de fluxos en diferents punts clau del producte.
Aquest exemple mostra la reorganització del menú principal segons freqüència d’ús i revisió del naming.
- Reordenació segons patrons d’ús
- Reducció de fricció en tasques recurrents
Decisions de disseny
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Decisions de disseny
Treballem la claredat i consistència de les accions en diferents punts clau del producte.
Un exemple d’aquest enfocament és la reorganització de les accions principals per fer-les més visibles, reduir ambigüitats i unificar patrons d’interacció.
- Accions principals destacades
- Consistència entre patrons d’interacció
- Reducció d’ambigüitat en les opcions
Decisions de disseny
Aquest treball inclou la creació i evolució del Design System del producte, com a base per reforçar consistència, escalabilitat i eficiència en el producte.
- Definició i unificació de components i patrons
- Evolució d’estats, variants i comportaments
- Millora de coherència entre fluxos i pantalles
Insights clau
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Transició d’una arquitectura orientada al sistema a una estructura basada en patrons d’ús.
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Reorganització dels filtres per reforçar la jerarquia visual i reduir la càrrega cognitiva.
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Reorganització de les accions per reforçar jerarquia visual i reduir l’ambigüitat d’ús.
Jerarquia i priorització de la informació
La millora de la jerarquia visual es va abordar fent més visible la informació rellevant i reduint la competència entre elements en pantalla.
Un exemple d’aquest treball és la reorganització de pantalles amb alta densitat d’informació, prioritzant accions clau, agrupant continguts i reforçant l’escaneix visual.
- Priorització d’accions principals
- Agrupació i jerarquia del contingut
- Reducció de càrrega cognitiva
Definició i evolució de components i estats per garantir consistència i escalabilitat en el sistema.
