Finanzas Productos de Inversión Arquitectura de Información UX Research User Flows Bajo NDA

Bancolombia — Experiencias de Inversión

Hacer que productos de inversión complejos fueran más fáciles de entender, navegar y validar a través de una estructura UX más clara.

En las experiencias digitales de inversión de Bancolombia gestioné el research de punta a punta y diseñé los flujos, la arquitectura de información, los wireframes y los prototipos. Validé hipótesis con usuarios para que productos financieros complejos se entendieran mejor.

Empresa

Bancolombia

Industria

Finanzas / Banca / Productos de inversión

Rol

UX Designer

Tipo de producto

Experiencias digitales de inversión / Canales financieros

Duración

Ago 2019 – Abr 2021

Equipo

UX, Producto, Negocio, Desarrollo, Research, Stakeholders

Métodos

UX Research, Validación de hipótesis, Pruebas de usabilidad, Arquitectura de información, User Flows, Wireframes, Prototyping, Testing Scripts, Hi-fi Support

Herramientas

Figma / Sketch / InVision / Miro / UserTesting / Adobe Creative Cloud

Estado

Artefactos UX entregados / Bajo NDA

Confidencialidad

Parte de este proyecto está bajo NDA: la información financiera, las pantallas y los resultados de testing aparecen difuminados o simplificados. Puedo compartir más detalle en una entrevista o revisión de portafolio.

Contexto

Bancolombia necesitaba apoyo UX para sus experiencias digitales de inversión, canales donde los usuarios deben entender productos financieros y completar tareas con confianza y precisión.

Los productos de inversión combinan terminología poco familiar, presión al decidir y muchos pasos. Mi trabajo fue estructurar esas experiencias para hacerlas comprensibles y fáciles de validar.

Por qué importaba

Lo difícil fue traducir la complejidad financiera en algo usable, y validar lo suficiente para que negocio y desarrollo pudieran decidir con confianza antes de construir.

Mi rol

Trabajé como UX Designer, en colaboración cercana con los equipos de negocio, producto y desarrollo.

  • Diseñé user flows para las experiencias de inversión.
  • Estructuré la arquitectura de información para hacer más navegable el contenido financiero.
  • Creé wireframes y prototipos para comunicar la lógica del producto y los caminos del usuario.
  • Gestioné y ejecuté el research de los canales de inversión de punta a punta: objetivos y alcance, guiones, reclutamiento, moderación, análisis y entrega de hallazgos.
  • Formulé y validé hipótesis con usuarios, más que en cualquier otro proyecto.
  • Apoyé el diseño de alta fidelidad a partir de la dirección validada.

El reto

El reto era hacer más fácil de entender la información financiera compleja sin descuidar los objetivos de negocio ni la confianza del usuario.

  • Reto de usuario: los usuarios necesitaban entender los productos, comparar información y avanzar con confianza.
  • Reto de negocio: Bancolombia necesitaba comunicar sus productos de inversión con más claridad y alinear a los equipos alrededor de la experiencia.
  • Reto de diseño: había que organizar información financiera compleja y validar, protegiendo a la vez información sensible.

Problem statement

¿Cómo podríamos ayudar a los usuarios a entender y navegar las experiencias de inversión, apoyando a la vez la validación y la preparación para desarrollo?

Objetivos y criterios de éxito

Objetivos de usuario

  • Entender con más claridad la información de inversión.
  • Reducir la confusión causada por terminología y pasos complejos.

Objetivos de negocio

  • Alinear a negocio, producto, diseño y desarrollo alrededor de una dirección UX compartida.
  • Reducir la ambigüedad antes de la implementación.

Objetivos de diseño

  • Crear user flows, arquitectura de información, wireframes y prototipos claros.
  • Validar hipótesis con usuarios mediante pruebas de usabilidad, guiones y artefactos de research.
  • Traducir la lógica de producto compleja en experiencias más fáciles de entender.

Proceso

01 — Descubrir

Entender la complejidad financiera antes de definir la experiencia

Antes de pasar a los wireframes, identifiqué qué información necesitaban los usuarios, dónde podía volverse confusa la experiencia y qué partes requerían validación.

  • Revisé la información de producto, los requerimientos y los insumos de research.
  • Identifiqué las tareas clave y los puntos de decisión del usuario.
  • Mapeé dónde la terminología financiera podía generar confusión.
  • Trabajé con stakeholders para clarificar el alcance, los supuestos y las prioridades.
Estructura de discovery usada para entender dónde la complejidad del producto de inversión podía afectar la comprensión y la toma de decisiones del usuario

Estructura de discovery usada para entender dónde la complejidad del producto de inversión podía afectar la comprensión y la toma de decisiones del usuario.

02 — Definir

Convertir la complejidad de inversión en flujos claros

Luego traduje la complejidad financiera en una dirección UX revisable por negocio, producto, diseño y desarrollo.

  • Definí user flows para las tareas de inversión.
  • Estructuré la arquitectura de información para reducir la carga cognitiva.
  • Preparé la lógica de flujo para la validación y el posterior diseño de alta fidelidad.
User flow usado para alinear la lógica de negocio, las necesidades del usuario y las expectativas de desarrollo antes de pasar al diseño detallado

User flow usado para alinear la lógica de negocio, las necesidades del usuario y las expectativas de desarrollo antes de pasar al diseño detallado.

03 — Desarrollar

Explorar wireframes, prototipos y materiales de validación

Con la estructura clara, creé wireframes, prototipos y materiales de research: la idea era hacer la experiencia lo bastante tangible para que stakeholders y usuarios reaccionaran antes de comprometer la implementación.

  • Construí prototipos para comunicar la navegación, la jerarquía y la lógica de interacción.
  • Preparé los guiones de testing y los artefactos de research, y ejecuté las pruebas de usabilidad y la validación de prototipos con UserTesting.
  • Colaboré con el equipo de Service Design en la construcción de service blueprints y mapas de experiencia.
  • Iteré con el feedback de stakeholders y las actividades de validación.
Exploración de wireframes usada para validar la estructura del flujo y la jerarquía de información antes de pasar a alta fidelidad

Exploración de wireframes usada para validar la estructura del flujo y la jerarquía de información antes de pasar a alta fidelidad.

Material de validación que preparé para las pruebas con usuarios. Con él redujimos la incertidumbre antes de las decisiones finales de diseño

Material de validación que preparé para las pruebas con usuarios. Con él redujimos la incertidumbre antes de las decisiones finales de diseño.

04 — Entregar

Apoyar la definición final de UX y la alineación con desarrollo

Los entregables (flujos, arquitectura de información, prototipos y artefactos de validación) ayudaron a los stakeholders a alinearse y llegaron a desarrollo con menos dudas.

  • Entregué user flows, wireframes, prototipos y artefactos de arquitectura de información.
  • Analicé los resultados de las pruebas y entregué los hallazgos al equipo.
  • Primero aprobaban las propuestas el Product Owner y el equipo técnico. Con esas dos aprobaciones, la propuesta llegaba al vicepresidente de Inversiones, que decidía si entraba al roadmap de trabajo.
  • Todo quedó documentado para que el equipo siguiera construyendo la Web y la App de inversiones. También quedó un backlog con historias de usuario para construir lo que negocio ya había aprobado.
  • Apoyé el diseño de alta fidelidad con base en la dirección validada.
Experiencia final simplificada para fines de portafolio, mostrando la estructura sin exponer información financiera sensible

Experiencia final simplificada para fines de portafolio, mostrando la estructura sin exponer información financiera sensible.

Antes / después

Antes

Información financiera compleja, terminología difícil y flujos que generaban dudas en usuarios y stakeholders.

Después

User flows, arquitectura de información y prototipos claros que mejoraron la comprensión y la alineación.

Solución final

El trabajo se enfocó en tres mejoras:

01

Flujos de inversión más claros

User flows que hicieron más fáciles de entender y validar los recorridos financieros.

02

Arquitectura de información más sólida

Organicé la información de inversión para reducir la carga cognitiva y hacer el contenido más navegable.

03

Artefactos UX listos para validación

Wireframes, prototipos y materiales de testing que apoyaron decisiones más sólidas antes del desarrollo.

Impacto y resultados

Valor para el usuario

Experiencias de inversión más fáciles de entender y navegar.

Valor de negocio

Negocio, producto, diseño y desarrollo alineados en torno a la misma experiencia.

Valor de producto

Lógica financiera traducida en flujos y prototipos listos para validación.

Valor de equipo / proceso

Decisiones de experiencia tangibles y más fáciles de discutir antes del desarrollo.

Obstáculos y trade-offs

Trabajar en un entorno financiero regulado implicó colaborar con legal y compliance para que contenido y flujos cumplieran los estándares sin perder claridad. El reto era hacer los productos comprensibles sin perder su significado esencial.

  • Traducir productos financieros complejos en experiencias de usuario claras.
  • Manejar información financiera sensible bajo confidencialidad.
  • Alinear a múltiples stakeholders en torno a la misma dirección UX.
  • Trabajar con contenido donde la confianza y la precisión eran críticas.

Qué aprendí

El UX financiero exige precisión y confianza: el objetivo es estructurar la complejidad para que los usuarios entiendan lo que importa, no eliminarla.

  • Aprendí a traducir productos financieros complejos en flujos digitales más claros.
  • Mejoré la forma en que planeo y ejecuto la validación con guiones, prototipos y research.
  • La arquitectura de información es una de las herramientas más fuertes para quitar ambigüedad.
  • Gané soltura trabajando con información sensible bajo confidencialidad.

Mirando hacia atrás, este es un buen ejemplo de cómo trabajo cuando me sumerjo en un dominio que no conozco bien: bajar el ritmo, estructurar la información con cuidado, construir artefactos que las personas puedan validar de verdad, y usar eso para convertir la ambigüedad en algo en lo que el equipo pueda confiar.

Stephanie Cacheo — Senior Product Designer / UX Lead