Optimización de la experiencia digital de ICBC, enfocada en mejorar la claridad, la jerarquía visual y la navegación.
La interfaz original presenta una alta densidad de información, con múltiples elementos compitiendo por atención. La falta de jerarquía visual y organización dificulta la lectura rápida y la identificación de acciones principales.
Se reorganizó la interfaz priorizando la información clave y simplificando la estructura visual.
La nueva propuesta mejora la escaneabilidad, reduce la carga cognitiva y permite una navegación más clara e intuitiva.
Problemas Detectados
- Sobrecarga visual
- Falta de jerarquía en la información
- Navegación poco clara
- Componentes inconsistentes
- Baja escaneabilidad
Se rediseñó la interfaz priorizando claridad, estructura y consistencia visual.
UI Kit / Componentes
Se desarrolló un sistema de UI consistente para unificar criterios visuales y mejorar la escalabilidad del producto.
El rediseño incluye la definición de componentes reutilizables que permiten mantener coherencia en toda la interfaz. Se trabajó sobre estados, variantes y comportamientos para garantizar consistencia y claridad en la interacción.
Cards: Diseño simplificado para resaltar información clave y mejorar la lectura de datos financieros.
Botones: Definición de estados (activo, inactivo, lineal) para reforzar la jerarquía de acciones.
Navegación: Estructura clara que permite identificar rápidamente la sección activa y moverse con facilidad.
Componentes interactivos: Dropdowns, loaders y mensajes diseñados para mejorar la experiencia y el feedback del sistema.
Iconografía: Sistema consistente basado en una grilla uniforme, asegurando claridad y reconocimiento inmediato.
Este sistema permite escalar el producto manteniendo consistencia visual y mejorando la experiencia del usuario en cada interacción.
Una experiencia más clara, organizada y enfocada en el usuario.
La nueva interfaz organiza la información en bloques bien definidos, facilitando la lectura y priorizando las acciones más relevantes.
Se optimizó la distribución del contenido mediante un sistema de grilla, logrando una mejor estructura visual y mayor equilibrio en pantalla.
El rediseño propone una experiencia más eficiente y comprensible, alineando la interfaz con las necesidades del usuario y mejorando la interacción con el producto.