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.
Diseñé artefactos UX para las experiencias digitales de inversión de Bancolombia, ayudando a traducir productos financieros complejos en flujos, arquitectura de información, wireframes, prototipos y materiales de validación más claros. Mi trabajo apoyó la alineación entre los equipos de negocio, producto, diseño y desarrollo, mientras mejoraba la forma en que los usuarios podían entender e interactuar con las experiencias relacionadas con inversiones.
Empresa
Bancolombia
Industria
Finanzas / Banca / Productos de inversión
Rol
UX Designer
Tipo de producto
Experiencias digitales de inversión / Canales financieros
Duración
Sep 2019 – May 2020
Equipo
UX, Producto, Negocio, Desarrollo, Research, Stakeholders
Métodos
UX Research, Arquitectura de información, User Flows, Wireframes, Prototyping, Testing Scripts, Validation Support, Hi-fi Support
Herramientas
Figma / Sketch / InVision / Miro
Estado
Artefactos UX entregados / Bajo NDA
Algunas partes de este proyecto están bajo NDA, así que muestro una versión curada del proceso, los artefactos y los resultados. Información financiera sensible, detalles de marca, resultados de testing, pantallas de producto y lógica de negocio fueron difuminados o simplificados, manteniendo claras las decisiones de diseño, la metodología y mi rol. Con gusto puedo compartir más detalle de forma privada durante una entrevista o revisión de portafolio.
Los detalles financieros y de producto sensibles fueron difuminados o simplificados para proteger información confidencial de negocio.
Contexto
Bancolombia necesitaba apoyo UX para sus experiencias digitales de inversión, donde los usuarios debían entender productos financieros, navegar información relacionada con inversiones y completar tareas dentro de canales que requerían claridad, confianza y precisión.
Los productos de inversión pueden ser difíciles de entender, especialmente cuando los usuarios se enfrentan a terminología poco familiar, presión al tomar decisiones y múltiples pasos a lo largo de los flujos digitales. Mi trabajo se enfocó en ayudar a estructurar esas experiencias para que fueran más comprensibles, navegables y más fáciles de validar con usuarios y stakeholders.
Por qué importaba
Los wireframes eran la parte fácil. Lo más difícil fue traducir la complejidad financiera en algo que las personas realmente pudieran usar, cerrar la brecha entre negocio y desarrollo, y conseguir suficiente validación para que el equipo pudiera decidir con confianza antes de construir nada.
Mi rol
Trabajé como UX Designer, contribuyendo a user flows, arquitectura de información, wireframes, prototipos, artefactos de research, testing scripts, apoyo en validación y apoyo en diseño de alta fidelidad para experiencias digitales relacionadas con inversiones, colaborando de cerca con los equipos de negocio, producto y desarrollo.
- Diseñé user flows para experiencias digitales relacionadas con inversiones.
- 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.
- Apoyé artefactos de research y testing scripts de usabilidad.
- Contribuí a las actividades de validación y a la síntesis de hallazgos.
- Apoyé el diseño de alta fidelidad basado en la dirección UX validada.
- Ayudé a traducir productos financieros complejos en experiencias digitales más comprensibles.
- Facilité la alineación entre los equipos de negocio, producto, diseño y desarrollo.
- Ayudé a reducir la ambigüedad en la definición de las experiencias de productos de inversión.
El reto
El principal reto era diseñar experiencias digitales de inversión que hicieran más fácil de entender la información financiera compleja, apoyando al mismo tiempo los objetivos de negocio, la viabilidad técnica y la confianza del usuario.
- Reto de usuario: los usuarios necesitaban entender los productos de inversión, comparar información y avanzar por los flujos digitales con más claridad y confianza.
- Reto de negocio: Bancolombia necesitaba experiencias de inversión que comunicaran los productos financieros con más claridad y apoyaran la alineación entre negocio, producto, diseño y desarrollo.
- Reto de diseño: el trabajo UX requería organizar información financiera compleja, definir flujos más claros, apoyar la validación y proteger información sensible bajo restricciones de confidencialidad.
Problem statement
¿Cómo podríamos ayudar a los usuarios a entender y navegar las experiencias digitales de inversión con más claridad, apoyando al mismo tiempo la alineación de negocio, la validación y la preparación para desarrollo en un contexto financiero complejo?
Objetivos y criterios de éxito
Objetivos de usuario
- Ayudar a los usuarios a entender con más claridad la información relacionada con inversiones.
- Reducir la confusión causada por la terminología financiera, los pasos o la complejidad del producto.
- Mejorar la confianza al navegar las experiencias de inversión.
Objetivos de negocio
- Apoyar experiencias digitales más claras para los productos financieros de inversión.
- Alinear a negocio, producto, diseño y desarrollo alrededor de una dirección UX compartida.
- Reducir la ambigüedad antes de la implementación.
- Apoyar la validación de los flujos y el contenido relacionados con inversiones.
Objetivos de diseño
- Crear user flows, arquitectura de información, wireframes y prototipos claros.
- Apoyar el testing de usabilidad a través de scripts y artefactos de research.
- Traducir la lógica de producto compleja en experiencias más fáciles de entender.
- Preparar artefactos UX que pudieran apoyar el diseño de alta fidelidad y la alineación con desarrollo.
Proceso
01 — Descubrir
Entender la complejidad financiera antes de definir la experiencia
Empecé por entender el contexto del producto de inversión, las necesidades de negocio y el tipo de usuarios que interactuarían con estas experiencias. Antes de pasar a los wireframes, me enfoqué en identificar 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 disponible, los requerimientos de negocio y los insumos de research.
- Identifiqué las tareas clave del usuario y los puntos de decisión dentro de las experiencias de inversión.
- Mapeé las áreas donde la terminología financiera o la lógica de producto podían generar confusión.
- Trabajé con stakeholders para clarificar el alcance, los supuestos y las prioridades.
- Identifiqué qué partes del flujo necesitaban una validación más sólida antes del diseño final.
- Protegí los detalles sensibles de negocio y financieros a través de una documentación cuidadosa y de la confidencialidad.
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 y estructura más claros
Después de entender el contexto del producto, ayudé a traducir la complejidad financiera en una dirección UX más clara. Esto significó definir flujos, organizar información y crear estructuras que pudieran ser revisadas por los equipos de negocio, producto, diseño y desarrollo.
- Definí user flows para las tareas relacionadas con inversiones.
- Estructuré la arquitectura de información para reducir la carga cognitiva.
- Identifiqué la jerarquía de contenido para la información de productos financieros.
- Clarifiqué la relación entre pasos, decisiones y acciones del usuario.
- Alineé la dirección UX con negocio, producto, diseño y desarrollo.
- 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.
03 — Desarrollar
Explorar wireframes, prototipos y materiales de validación
Una vez que la estructura UX estuvo más clara, creé wireframes, prototipos y materiales de research para apoyar la validación. El objetivo era hacer la experiencia lo suficientemente tangible para que stakeholders y usuarios pudieran reaccionar a ella antes de comprometerse con la implementación final.
- Creé wireframes para los flujos relacionados con inversiones.
- Construí prototipos para comunicar la navegación, la jerarquía y la lógica de interacción.
- Apoyé los testing scripts y los artefactos de research para la validación de usabilidad.
- Iteré con base en el feedback de stakeholders y las actividades de validación.
- Apoyé el diseño de alta fidelidad una vez que la estructura UX quedó definida.
- Ayudé a garantizar que la información financiera sensible se manejara con cuidado en la documentación y los materiales visuales.
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 usado para apoyar el testing con usuarios y reducir 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
El trabajo final contribuyó a experiencias digitales de inversión más claras a través de user flows, arquitectura de información, prototipos, artefactos de validación y apoyo en diseño de alta fidelidad. Estos entregables ayudaron a los stakeholders a alinearse en torno a la experiencia y redujeron la ambigüedad antes del desarrollo.
- Entregué user flows, wireframes, prototipos y artefactos de arquitectura de información.
- Apoyé testing scripts de usabilidad y materiales de validación.
- Ayudé a sintetizar los hallazgos de las actividades de validación.
- Apoyé el diseño de alta fidelidad con base en la dirección UX.
- Facilité la alineación entre negocio, producto, diseño y desarrollo.
- Ayudé a traducir la lógica compleja de productos financieros en experiencias digitales más claras.
Experiencia final simplificada para fines de portafolio, mostrando la estructura sin exponer información financiera sensible.
Antes / después
Antes
Las experiencias de productos de inversión involucraban información financiera compleja, terminología y flujos que podían generar ambigüedad para usuarios y stakeholders.
Después
El trabajo tradujo la complejidad de inversión en user flows, arquitectura de información, wireframes, prototipos y materiales de validación más claros que apoyaron una mejor comprensión y alineación.
Solución final
El trabajo final se enfocó en tres mejoras principales de la experiencia:
Flujos de inversión más claros
Ayudé a definir user flows que hicieron más fácil de entender, revisar y validar los recorridos de los productos financieros.
Arquitectura de información más sólida
Organicé la información relacionada con inversiones para reducir la carga cognitiva y hacer más navegable el contenido financiero complejo.
Artefactos UX listos para validación
Creé wireframes, prototipos y materiales de testing que apoyaron el feedback, la alineación y decisiones de diseño más sólidas antes del desarrollo.
Impacto y resultados
Valor para el usuario
Ayudó a hacer más fáciles de entender y navegar las experiencias de inversión complejas.
Valor de negocio
Apoyó la alineación entre negocio, producto, diseño y desarrollo en torno a las experiencias de productos de inversión.
Valor de producto
Tradujo la lógica de productos financieros en flujos, wireframes, prototipos y artefactos UX más claros y listos para validación.
Valor de equipo / proceso
Redujo la ambigüedad antes del desarrollo al hacer tangibles y más fáciles de discutir las decisiones de experiencia complejas.
Obstáculos y trade-offs
Este proyecto requirió trade-offs constantes entre precisión financiera, claridad para el usuario, expectativas de negocio, confidencialidad y viabilidad de desarrollo. El reto no era simplificar en exceso los productos de inversión, sino hacerlos comprensibles sin perder su significado esencial.
- Traducir productos financieros complejos en experiencias de usuario claras.
- Equilibrar los requerimientos de negocio con la comprensión del usuario.
- Manejar información financiera y de marca sensible bajo confidencialidad.
- Alinear a múltiples stakeholders en torno a la misma dirección UX.
- Diseñar flujos que pudieran apoyar la validación y la implementación posterior.
- Apoyar el diseño de alta fidelidad manteniendo clara la estructura UX.
- Trabajar con contenido de inversión donde la confianza, la claridad y la precisión eran críticas.
Qué aprendí
Este proyecto reforzó que el UX financiero requiere claridad, precisión y confianza. El objetivo no es eliminar la complejidad por completo, sino estructurarla para que los usuarios puedan entender lo que importa y avanzar con confianza.
- Aprendí a traducir productos financieros complejos en flujos digitales más claros.
- Fortalecí mi capacidad para estructurar información en experiencias de alta confianza.
- Mejoré la forma en que apoyo la validación a través de scripts, prototipos y artefactos de research.
- Aprendí lo importante que es la alineación entre negocio, producto, diseño y desarrollo en productos financieros.
- Confirmé que la arquitectura de información es una de las herramientas más fuertes para reducir la ambigüedad.
- Fortalecí mi capacidad para trabajar con información sensible bajo restricciones de 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 UX Designer