VA
VERÓNICA AGUILAR
Product Designer
VERÓNICA AGUILAR
Product Designer
Volver a proyectos
Web • Tablet • Mobile
Rediseño de Home Banking
Rediseñamos la experiencia de Home Banking de Banco Ciudad en web y aplicaciones nativas para hacer las operaciones diarias más claras, accesibles y seguras, acompañando las necesidades reales de los usuarios.
Desliza para ver el resto
Web • Tablet • Mobile
Rediseño • Prototipado
UX/UI • Responsive DesignDel trabajo en equipo al diseño integral
El proyecto consistió en el rediseño integral del home banking de Banco Ciudad. Trabajamos junto al cliente en un proceso ágil centrado en comprender a los usuarios, validar decisiones de diseño y crear una experiencia consistente en todos los dispositivos.
Rediseñamos la web y las aplicaciones nativas para iOS y Android.
El home banking anterior presentaba oportunidades de mejora en la navegación, la jerarquía de información y la claridad de los flujos.
El objetivo principal fue rediseñar la experiencia digital para que los usuarios pudieran realizar sus operaciones diarias de manera simple, rápida y segura desde cualquier dispositivo.
Buscamos crear una experiencia coherente y moderna que transmitiera confianza, orden y claridad en cada interacción.
Formé parte de un equipo de diseño de dos personas, con contacto directo y continuo con el cliente. Participé en todas las fases del proyecto, desde la investigación hasta la entrega final.
DISEÑO END TO END
BANCO CIUDAD
Rediseñar la experiencia de Home Banking para facilitar las operaciones habituales y mejorar la claridad de los flujos en desktop y dispositivos nativos.
Ayudar a los usuarios a encontrar rápidamente las funcionalidades dentro del Home Banking.
Mejorar la comprensión de procesos como el enrolamiento, la configuración del token y las recargas.
Hacer que información relevante, como datos de tarjetas y cuentas, fuera más fácil de encontrar y comprender.
Diseñar una experiencia coherente entre la versión desktop y las aplicaciones nativas para iOS y Android.
01. Encontrabilidad de funcionesRecargas y extracción sin tarjeta debían ser más fáciles de localizar.
02. Arquitectura de informaciónLos usuarios esperaban encontrar Recargas dentro de Pagos.
03. Claridad del contenidoAlgunos labels y mensajes no eran suficientemente claros.
04. Información financiera visibleLa información de tarjetas debía tener mayor visibilidad.
05. Acciones secundariasCompartir CBU/Alias y PIN necesitaba mayor reconocimiento.
Realizamos pruebas de usabilidad con usuarios en desktop y aplicaciones nativas para evaluar la experiencia del nuevo banking y detectar oportunidades de mejora.
5 usuarios desktop + 6 usuarios nativos
3 Android + 3 iOS
6 tareas · 2 plataformas
Think Aloud + Lookback
Observamos el comportamiento de los usuarios y registramos las sesiones para analizar los puntos de fricción.
6/6 No encontraron Extracción sin tarjeta
5/5 No encontraron Recargas en la app
5/5 No percibieron la información de tarjeta desde el widget
4/5 No encontraron Recargas en desktop
4/6 No sabían cómo compartir el PIN
Convertir los aprendizajes de las pruebas en decisiones concretas de diseño.
01 — Arquitectura
Reorganizamos la navegación
A partir de las expectativas detectadas durante las pruebas, revisamos la ubicación de funcionalidades como Recargas y Extracción sin tarjeta.
02 — Contenido
Simplificamos la comunicación
Revisamos labels, mensajes y textos que podían generar interpretaciones ambiguas durante las tareas.
03 — Información
Hicimos visible lo relevante
Ajustamos la presentación de información financiera para facilitar su identificación y comprensión.
→ Nueva estructura de navegación
→ Wording más claro y accionable
→ Jerarquía visual más clara
01
Descubrir
Investigación inicial, análisis de la experiencia actual.
02
Research
Entrevistas, pruebas de usabilidad y análisis de insights.
03
Definir
Priorización de problemas y definición de oportunidades de diseño.
04
Idear
Generación de ideas, flows y arquitectura de información.
05
Diseñar
Wireframes, UI Design y desarrollo del UI Kit.
06
Prototipar
Prototipos de alta fidelidad y pruebas iterativas con usuarios.
07
Entregar
Documentación, handoff y acompañamiento en el lanzamiento.
El resultado
Los usuarios destacaron la claridad y accesibilidad de la información y valoraron positivamente el cambio visual. Además, las pruebas permitieron detectar oportunidades concretas de mejora en navegación, wording y jerarquía de información. No se encontraron problemas de usabilidad de gravedad.
