foto_perfil

Oscar Alsina ✌️

Soy Diseñador Gráfico Profesional con énfasis en Diseño UX/UI y más de 8 años de experiencia trabajando con marcas reconocidas en Colombia y Latinoamérica.

WhatsApp
project-details-1

Cliente:

Bancolombia

Servicios:

Diseño UX/UI, Diseño de Landing Page

bancolombia.com

Descripción

Bancolombia es una de las entidades financieras más importantes de Colombia y Latinoamérica, con un portafolio integral de servicios bancarios, inversiones, seguros y soluciones digitales. La compañía opera bajo un modelo de negocio que integra banca personal, banca empresarial, banca digital y soluciones fintech, con un fuerte enfoque en transformación digital e inclusión financiera.

Como parte del lanzamiento de un nuevo producto 100% digital, participé en el diseño de la landing page para la tarjeta de crédito virtual Mastercard Única, enfocada en mejorar la conversión, claridad de beneficios y experiencia de adquisición para nuevos clientes.

Análisis del producto y benchmark de mercado: Se revisaron las funcionalidades clave del producto y se compararon con otras tarjetas virtuales ofrecidas por fintechs y bancos tradicionales. Esto permitió definir una propuesta de valor clara y diferenciada.

Arquitectura y estructura de contenidos: La landing page fue organizada en secciones progresivas que facilitan la comprensión: beneficios, cómo solicitarla, atributos adicionales y preguntas frecuentes. Se priorizó la claridad, la confianza y la inmediatez como pilares de la experiencia.

Diseño visual y componentes: Se diseñó una interfaz alineada con la identidad visual de Bancolombia, utilizando íconos, microinteracciones, mensajes de llamada a la acción y un sistema visual limpio y responsivo. Se incluyeron elementos de storytelling visual para conectar con el usuario desde el primer momento.

project-details-2
project-details-3

Desafíos principales

Inmediatez como valor diferencial:
  • Desafío: Transmitir que la tarjeta puede solicitarse y usarse en minutos.
  • Solución: Se diseñaron bloques visuales cortos, claros y jerarquizados que explican los pasos de adquisición y activación inmediata, acompañados de iconografía dinámica.
Educación del usuario sobre un producto 100% virtual:
  • Desafío: Muchos usuarios no están familiarizados con tarjetas que no tienen soporte físico.
  • Solución: Se incorporaron FAQs, beneficios visuales e integración con medios de pago como Apple Pay para reforzar la confianza. (Visa reveló que el 63% de los colombianos aún prefieren tarjetas físicas).
Conversión sin fricción:
  • Desafio: Llevar al usuario del interés al registro con la menor fricción posible.
  • Solución: CTAs visibles en todo el flujo, sección de pasos claros, enfoque mobile-first y textos accionables que eliminan dudas desde el principio.

Resultados:

La landing page permitió a Bancolombia posicionar rápidamente su nueva tarjeta de crédito virtual, facilitando el entendimiento del producto y acelerando el proceso de solicitud. El diseño contribuyó a aumentar el número de registros desde canales digitales y a comunicar los beneficios de un producto 100% virtual con claridad, cercanía y confianza.