Senior Product Designer · Fintech · Banca · Plataformas digitales

Carlos Mario Cruz.

Diseño experiencias digitales para fintech y banca que generan conversión e impacto de negocio. Trabajo end-to-end: investigación, prototipado, testing y entrega a desarrollo.

📍 Manizales, Colombia · Remoto 6+ años de experiencia Banca · Fintech · SaaS B2B
scroll
Proyectos seleccionados01 / 04
Adquirencia
Banistmo2025

Redefiniendo la experiencia de adquirencia

Investigación mixta con comercios PYME y NEG para transformar $11M en pérdidas en oportunidades accionables de producto.

UX ResearchJourney MappingPagos
Salesforce
Banistmo2024

Estandarización de procesos comerciales en Salesforce

8 sesiones con usuarios piloto, proceso de ventas end-to-end estandarizado y guía de adopción de 66 páginas para todo el equipo comercial.

Service DesignCRMChange Management
API
Truora2022

API External Connection — Truconnect

Diseño end-to-end de funcionalidad B2B — desde investigación con ingenieros hasta testing con 8 usuarios técnicos y entrega documentada a desarrollo.

Interaction DesignPrototipadoTests de usabilidad
Verificación
Truora2023

Verificación de Antecedentes por Caso de Uso

Transformación de ventas directas a modelo self-service con análisis de funnel, testing de onboarding y rediseño basado en datos de comportamiento real.

Product Led GrowthFunnelDatos

¿Hablamos?

Abierto a oportunidades en diseño de producto — fintech, banca y plataformas digitales.

Carlos Mario Cruz

Carlos Mario Cruz

Senior Product Designer · Fintech · Banca · Plataformas digitales

Diseño productos digitales que generan impacto y mejoran experiencias.

Soy diseñador de producto con +6 años creando soluciones para fintech, banca y plataformas digitales — desde flujos de pago y onboarding hasta CRM, verificación de identidad y migración entre plataformas. Mi trabajo impacta directamente en conversión, activación y retención.

Mi enfoque es estratégico, no solo visual: investigo lo necesario, prototipo rápido, pruebo con usuarios reales y entrego con claridad al equipo de desarrollo. Me muevo bien en entornos ágiles, con autonomía, sin necesitar todo definido para encontrar el camino.

Trabajo el ciclo completo — desde la comprensión del usuario hasta la implementación. Mi meta es siempre diseñar lo que funciona para el negocio y el usuario, no solo lo que se ve bien.

Diseño visual e interacción Investigación con usuarios Flujos de pago y onboarding Análisis de funnel Sistemas de diseño Entrega a desarrollo en Figma Datos y métricas IA en el flujo de trabajo
Mi enfoque
01
🔍Investigo con propósito
Entrevistas en profundidad, encuestas cuantitativas, journey maps y benchmarks. Research enfocado en decisiones concretas, no en informes que nadie lee.+28 estudios liderados
02
📊Diseño guiado por datos
Leo métricas, analizo funnels y tomo decisiones basadas en números reales. Pruebas A/B, análisis de abandono y validación cuantitativa son parte de mi proceso estándar.Mixpanel · Power BI · Hotjar
03
🛒Pienso en el flujo completo
No diseño pantallas aisladas. Trabajo el recorrido end-to-end: discovery, checkout, post-compra. Cada decisión impacta el paso siguiente.−46% tiempo en flujo de pago
04
🧩Estandarizo y escalo
Audito componentes, estandarizo procesos y produzco guías que permiten a los equipos operar con autonomía. El diseño como infraestructura, no solo como entregable.66 págs · 9 flujos
05
⚙️Entrega clara a desarrollo
Documentación completa en Figma: patrones de interacción, especificaciones de estados y componentes. El equipo implementa con fidelidad al diseño sin sesiones adicionales.Figma Dev Mode
06
🤖IA en mi flujo de trabajo
Uso inteligencia artificial para acelerar la generación de assets, explorar variantes y optimizar partes del proceso de investigación.Midjourney · Claude · Cursor

Experiencia

ago. 2024 – actualidad

1 año 10 meses · Remoto

Diseñador UX/UI Senior

Banistmo · Multiplica Talent

Diseño end-to-end de productos digitales para banca: onboarding, pagos, adquirencia, CRM Salesforce, nuevos productos y canales omnicanal. Trabajo con PMs, ingenieros y stakeholders ejecutivos en ciclos ágiles de alto impacto.

mar. 2022 – ago. 2023

1 año 6 meses · Colombia

UX/UI Designer

Truora Inc.

Diseño de productos B2B para verificación de identidad: integración de APIs, verificación de antecedentes por caso de uso (PLG) y onboarding self-service con métricas de adopción.

jun. 2019 – feb. 2022

2 años 9 meses · Colombia

Diseñador Visual UX/UI

Atrezo Studio

Diseño visual y UX para clientes de distintas industrias. Comunicación digital, identidad de marca y experiencias de usuario.

Habilidades

Diseño

  • Diseño visual e interacción
  • Prototipado (Figma)
  • Sistemas de diseño
  • Documentación a desarrollo

Research y datos

  • Entrevistas en profundidad
  • Tests de usabilidad
  • Análisis de funnel
  • Pruebas A/B · Mixpanel

Herramientas

  • Figma (Dev Mode · Auto-layout)
  • Miro · Dovetail
  • Hotjar · Power BI · Medallia
  • ClickUp · Salesforce · Intercom

Industrias

  • Fintech · Banca digital
  • Pagos y adquirencia
  • Plataformas B2B
  • SaaS · Verificación identidad

¿Hablamos?

Abierto a oportunidades en diseño de producto — fintech, banca y plataformas digitales.

UX Research · Investigación mixta · 2025

Redefiniendo la experiencia de adquirencia en Banistmo

Investigación end-to-end del journey de adquirencia para identificar fricciones en la experiencia de comercios PYME y NEG, y transformar $11M en pérdidas en oportunidades concretas de producto.

UX ResearchJourney MappingInvestigación cuantitativaBenchmark competitivoPresentación ejecutiva

Empresa

Banistmo

Año

2025

Rol

UX Researcher & Designer

Metodología

Cualitativa + Cuantitativa

El contexto

El negocio de adquirencia de Banistmo — POS, mPOS y Wompi — reportaba pérdidas superiores a $11 millones. El producto se ofrecía como parte del paquete para conservar cuentas estratégicas, sin que el comercio percibiera un valor diferencial claro frente a la competencia. Antes de proponer cualquier solución, necesitábamos entender a fondo el journey completo — desde los ojos del comercio.

Entré al proyecto cuando el equipo comercial ya tenía hipótesis formadas: el problema era la tasa, la competencia, los cobros asociados. Mi rol fue salir a contrastar esas hipótesis con evidencia real, con una mente abierta a encontrar algo diferente. Diseñé el plan de investigación completo — la guía de entrevistas, la encuesta cuantitativa, la estructura del benchmark — y conduje personalmente la mayoría de las sesiones con clientes.

18

entrevistas con clientes PYME y NEG

10

entrevistas internas (comerciales, MITs, postventa)

+75

respuestas en encuesta cuantitativa interna

4

competidores en benchmark presencial

Proceso de investigación — 6 fases

01

Preparación de la investigación

Junio

Diseño de la guía de entrevistas y construcción de la encuesta cuantitativa que se aplicaría a clientes y colaboradores.

02

Entrevistas

Junio – agosto

Sesiones con colaboradores internos, clientes PYME y clientes NEG para contrastar hipótesis del negocio con la experiencia real.

03

Encuestas — clientes y colaboradores

Julio – septiembre

Montaje de la encuesta en plataforma y recolección de respuestas en paralelo a las entrevistas, para triangular hallazgos cualitativos con datos cuantitativos.

04

Construcción de insights

Agosto – septiembre

Síntesis de insights a partir de entrevistas internas, entrevistas a clientes e identificación de patrones en las encuestas.

05

Análisis y síntesis

Agosto – septiembre

Sesión de análisis de resultados con el equipo; cálculo de promedios y construcción de gráficos para soportar cada hallazgo.

06

Informe y entrega final

Septiembre – octubre

Preparación del informe ejecutivo y entrega final de resultados y recomendaciones priorizadas.

Preguntas de investigación

¿Qué atributos del servicio justificarían una subida de tasas para los comercios?

¿Cuáles son las fricciones más críticas en la instalación y activación del POS?

¿Qué funcionalidades — QR, cuotas, mPOS — generarían mayor adopción?

¿Qué factores impulsan la retención o generan cancelación del servicio?

Benchmark competitivo — alcance

Visita presencial a 4 competidores del sector para evaluar de forma directa su experiencia de adquirencia, además de un relevamiento de nuevos jugadores fintech enfocados en el segmento PYME. El objetivo no era copiar features, sino entender qué hacía que un comercio percibiera valor diferencial más allá de la tarifa.

Valores agregados

Servicios más allá del cobro

Tasas y comisiones

Estructura de cobro al comercio

Instalación

Tiempo y proceso de activación

Postventa

Canales y horarios de soporte

Abonos

Tiempos de acreditación

E-commerce y medios de pago

Cobertura de canales digitales

Journey del cliente — 5 etapas críticas

🔍 Descubrimiento📋 Onboarding⚙️ Instalación💳 Operación🆘 Soporte

Hallazgo 01 — Sin valor claro, la decisión es por costo

Percepción de valor

El producto se percibe como commodity

La mayoría de los comercios decide únicamente por tasa. No identifica diferencias sustanciales entre proveedores. El acompañamiento cercano y la postventa ágil son los únicos diferenciales percibidos — pero dependen del esfuerzo individual, no de un sistema.

"La mayoría de las veces ganamos la batalla es por mejor tarifa, no porque tengan más beneficios."

"Todos los bancos dan un servicio similar. Ser eficientes en postventa ágil sería diferenciador."

Oportunidad: Construir diferenciales de servicio medibles — instalación ágil, postventa estructurada, acompañamiento escalable — para reducir la dependencia de la tasa como único argumento.

Hallazgo 02 — Promesa en ventas, enredo en instalación

Instalación y activación

La entrega del servicio no acompaña la promesa comercial

Falta de coordinación entre tecnología, logística y proveedores genera demoras, errores y visitas fallidas. El onboarding ideal de 1–3 días contrasta con tiempos reales de hasta 2 semanas.

"El flujo interno toma mucho tiempo. Hubo un caso que tomó 1 o 2 meses."

"Un día llevan el POS incorrecto, otro día falta el cargador, la instalación queda incompleta."

Oportunidad: Reducir el tiempo de instalación al objetivo de 5 días con coordinación interdepartamental y tracking visible para el comercio.

Hallazgo 03 — Procesos cruzados sin sistema

Operación interna

La experiencia de soporte depende de personas, no de procesos

Los gerentes comerciales asumen tareas de soporte que no les corresponden. La continuidad del servicio depende del esfuerzo individual, creando experiencias inconsistentes entre comercios.

"Nos volvimos su oficial de relación. El cliente viene directo a nosotros para todo."

"Lo que otros bancos resuelven en una semana, Banistmo lo posterga meses sin resultados."

Oportunidad: Canal de soporte estructurado con trazabilidad de tickets — libera a los comerciales para colocación y le da visibilidad al cliente.

La síntesis — de 28 sesiones a decisiones ejecutivas

El mayor reto no fue hacer las entrevistas. Fue transformar 28 sesiones en hallazgos que un comité ejecutivo pudiera convertir en decisiones de roadmap. Usé Dovetail para codificar la evidencia cualitativa por temas, la crucé con los datos de la encuesta y del benchmark, y construí un relato que conectara la experiencia del comercio con las pérdidas del negocio — sin perder la voz de los usuarios en el proceso.

Lo que encontré no siempre coincidía con lo que el negocio creía. El precio era un bloqueador real, sí — pero los datos mostraban que la instalación lenta y la falta de soporte estructurado pesaban casi igual. Presenté los hallazgos ante la VP de Experiencia, los equipos de producto y canales digitales, con recomendaciones priorizadas por impacto potencial y viabilidad de implementación.

¿Qué bloquea el cierre de ventas? — encuesta cuantitativa (+75 colaboradores)

Tasas y comisiones altas
20.5%
Proceso de instalación lento
19.4%
Demasiados cobros asociados
16.3%
Valores agregados insuficientes
16.0%
Documentación solicitada excesiva
14.4%
Tiempo para acreditación de recaudo
13.5%

Métricas de percepción de valor — clientes PYME y NEG

63%

onboarding percibido como complejo

57%

soporte percibido como lento

78%

interés alto en pagos con QR

91%

instalación ágil como diferencial

Prioridades del segmento NEG

Reportería para conciliación

  • Desglose de comisiones e ITBMS
  • Reportes por terminal, no solo por sucursal
  • Estados de cuenta antes del día 20

Nuevos métodos de pago

  • QR inmediato acreditado en línea
  • Pago en cuotas con Tarjeta Banistmo
  • Programas de lealtad integrados

Tecnología confiable

  • POS estable con conectividad múltiple
  • Suficientes terminales en alto volumen

Procesos más ágiles

  • Adquisición de POS digital y autogestionable
  • Comunicación oportuna de cambios técnicos

Resultados — impacto de la investigación

Los hallazgos fueron presentados a liderazgo de producto, canales digitales y la VP de Experiencia. La investigación se convirtió en insumo directo del roadmap 2025–2026 de adquirencia.

Iniciativa
Acción derivada
Métrica objetivo
Onboarding digital
Piloto de instalación sin visita física. Documentación digital y tracking para el comercio.
12 días → 4
Rediseño de reportería
Nueva vista de conciliación por terminal con desglose de comisiones e ITBMS. Prioridad #1 en roadmap.
+31% CSAT
QR dinámico en POS
Funcionalidad elevada como diferencial tecnológico. Incluida en plan de producto Q3 2025.
+22% conversión
Canal de soporte estructurado
Flujo de tickets con trazabilidad. Reducción de escalaciones a gerentes comerciales.
−38% escalaciones
Satisfacción PYME post-intervención
Medición NPS antes y después del piloto de onboarding digital con 40 comercios PYME.
3.2 → 4.1 / 5

En productos financieros B2B, el valor percibido se construye en los momentos de fricción. Los clientes no recordaban el pitch — recordaban si el POS llegó a tiempo. El diseño aquí era de procesos y promesas, no solo de pantallas.

Más proyectos

01Experiencia de adquirencia Banistmo2025
02Procesos comerciales en Salesforce2024
03API External Connection2022
04Verificación de antecedentes2023

Service Design · Change Management · CRM · 2024

Estandarización de procesos comerciales en Salesforce

Migración del área comercial de Banistmo desde dos herramientas fragmentadas a Salesforce. El trabajo central fue redefinir el proceso comercial completo, co-diseñarlo con los usuarios y documentarlo en una guía de adopción que el equipo pudiera usar de forma autónoma.

Service DesignEstandarización de procesosCRM DesignDocumentaciónChange Management

Empresa

Banistmo

Año

2024

Rol

UX Designer

Alcance

Área comercial completa

Pantalla de inicio de la Consola de Ventas de Salesforce en Banistmo, con eventos del día, tareas, oportunidades y cuentas

Consola de Ventas — pantalla de inicio del sistema estandarizado

El problema

El área comercial operaba con dos herramientas en paralelo — Merli y SalesLogic — sin un estándar compartido. Cada comercial registraba a su manera, los datos eran inconsistentes y era imposible medir el pipeline de forma homogénea. Una plataforma nueva sin diseño solo reproduciría los mismos problemas con otro nombre.

Cuando me asignaron el proyecto, lo primero que hice fue salir a entender el proceso real — no el que decían los documentos, sino el que ocurría cada día. Me reuní con comerciales de distintos perfiles, observé cómo registraban una gestión, pregunté qué información capturaban y cuál dejaban de lado. Lo que encontré era más fragmentado de lo esperado: cada equipo tenía su propia lógica, sus propias hojas de cálculo extra y sus propias formas de compensar lo que el sistema no hacía.

El reto no era documentar cómo usar Salesforce. Era definir cómo debía funcionar el proceso comercial de Banistmo — y hacer que la plataforma lo reflejara.

2

herramientas en uso simultáneo

0

estándares de registro compartidos

7

roles comerciales con flujo propio

Antes y después

Antes

  • Cada comercial registraba en herramientas distintas sin estándar
  • Referidos entre equipos se perdían por WhatsApp sin trazabilidad
  • Vencimientos de DPFs y préstamos sin visibilidad en el día a día
  • Terminología de Salesforce incompatible con el lenguaje del negocio
  • Datos inconsistentes — imposibles de analizar de forma cruzada
  • Gerentes con visibilidad parcial o nula del pipeline de sus equipos

Después

  • Un estándar de registro unificado para los 7 roles comerciales
  • Referidos trazados dentro de Salesforce con Tareas y Chatter
  • Alertas de vencimientos integradas en pantalla de inicio y Vista 360
  • Glosario bancario contextualizado: el sistema habla el idioma del negocio
  • Datos limpios, comparables y auditables desde el primer día
  • Visibilidad completa del pipeline para gerentes y directivos

Proceso — 8 sesiones con usuarios piloto

S1–2

Diagnóstico del proceso actual

Semana 1 · Descubrimiento

Sesiones con los 7 roles para entender cómo registraban gestiones, qué información capturaban y qué se perdía entre herramientas. Identificación de gaps críticos.

S3–4

Definición de flujos y objetos en Salesforce

Semana 2 · Diseño del sistema

Co-diseño de la correspondencia entre el proceso comercial y los objetos de Salesforce. Campos obligatorios, validaciones y reglas de avance por etapa para garantizar calidad del dato.

S5–6

Validación con usuarios piloto

Semana 3 · Testing con casos reales

Los comerciales piloto usaron Salesforce con los flujos definidos en gestiones reales. Feedback sobre terminología confusa y flujos sin correspondencia clara.

S7–8

Iteración y documentación final

Semana 4 · Guía de adopción

Ajustes al sistema. Producción de la guía de 66 páginas: flujo de referidos con Chatter, alertas de vencimientos, glosario bancario y patrones de uso por rol.

El nudo — alinear 7 perfiles con lógicas distintas

Facilitar las ocho sesiones de co-diseño fue la parte más exigente del proyecto. El reto no era técnico — era de alineación. Cada rol tenía una versión diferente de cómo debía funcionar el proceso: el comercial gerenciador quería libertad para registrar a su manera; el gerente quería visibilidad inmediata; el equipo de datos exigía campos completos. Mi trabajo fue escuchar todas esas versiones, encontrar el patrón común y proponer un estándar que cada perfil pudiera reconocer como propio.

Cuando en la sesión de validación un gerente regional dijo "así es exactamente como debería funcionar", entendí que el estándar había pasado de ser una propuesta de diseño a ser el proceso del equipo. Eso definió el tono de la guía final: no un manual de software, sino un documento del proceso comercial de Banistmo que usa Salesforce como herramienta.

Proceso comercial estandarizado — 7 etapas

🔍 Prospección🤝 Vinculación📋 Visita💼 Oportunidades📞 Seguimiento📈 Profundización⏰ Vencimientos

Este fue el corazón del proyecto: la correspondencia entre cada etapa del proceso comercial y el objeto/acción específica que el comercial debía registrar en Salesforce — de la fase S3–4 del co-diseño.

Mapa del proceso comercial de Banistmo mapeado a objetos y acciones de Salesforce, agrupado en Atracción y Profundización y Maximizar

Extracto de la guía — mapa de proceso comercial → objetos Salesforce

Hallazgos que cambiaron el diseño

Hallazgo 01

Cada comercial registraba diferente — sin estándar ni campos obligatorios

Sin un estándar, los datos del pipeline eran incomparables entre equipos. Imposible construir reportes o medir la gestión colectiva.

Anatomía de una Oportunidad en Salesforce, con el Path de etapas y los campos clave documentados en la guía

Pantalla evaluada — anatomía de una Oportunidad

Decisión: Campos obligatorios por etapa con validaciones automáticas. El flujo no avanza si los datos críticos están incompletos.

Hallazgo 02

La terminología de Salesforce no hablaba el idioma del negocio bancario

"¿Qué es un Lead? ¿Cuándo creo una Cuenta vs. una Oportunidad?" — preguntas recurrentes en todas las sesiones de validación.

Decisión: Glosario bancario contextualizado al proceso comercial real de Banistmo, integrado como anexo de la guía.

Hallazgo 03

Los referidos entre equipos se perdían fuera del sistema

Cuando un comercial refería un cliente a otro segmento, la gestión se realizaba por WhatsApp sin registro ni seguimiento.

Decisión: Flujo de referidos estandarizado con Tareas y Chatter. Notificaciones automáticas y campos definidos para trazabilidad completa.

Hallazgo 04

Los vencimientos no estaban en el flujo diario del comercial

Los comerciales se enteraban de vencimientos de forma reactiva — tarde o por reportes externos. Oportunidades de renovación perdidas.

Alertas de vencimiento en Salesforce mostrando productos próximos a vencer y documentos de identificación vencidos

Pantalla evaluada — alertas de vencimiento

Vista 360 de una Cuenta en Salesforce, con información general, datos generales y oportunidades relacionadas

Pantalla evaluada — Vista 360 de Cuenta

Decisión: Componente de alertas en pantalla de inicio y Vista 360, vinculado a oportunidades de renovación accionables.

Glosario bancario — extracto de la guía

El anexo que resolvió el Hallazgo 02: los términos de Salesforce traducidos al lenguaje real del negocio bancario de Banistmo.

Concepto
Definición
Objeto
Elemento central en Salesforce que agrupa un tipo de información (Leads, Cuentas, Oportunidades, Tareas o Eventos). Dentro de cada objeto se crean registros con la información específica de cada cliente, gestión o proceso.
Cuenta
Registro que representa a una persona natural o jurídica. Es el centro de la gestión del cliente, donde se agrupan sus productos, oportunidades, visitas y demás interacciones con Banistmo.
Lead
Registro inicial de una persona o empresa que ha mostrado interés en Banistmo, pero que aún no tiene una cuenta formal en el banco. Es el primer paso para dar seguimiento a un posible cliente.
Oportunidad
Proceso comercial activo que se gestiona con un cliente. Puede estar asociado a una campaña o a un producto específico, y permite hacer seguimiento desde el primer contacto hasta la formalización.
Producto financiero
Son los productos que el cliente ha contratado con Banistmo (como préstamos, tarjetas o DPFs). Estos productos están vinculados a la cuenta.
Gestión
Registro donde se documenta una acción comercial, operativa o de cobros relacionada a una cuenta. Permite hacer seguimiento a las interacciones y tareas asociadas al cliente.

La guía — artefacto de adopción

66

páginas de guía de uso y estándares

7

roles con flujos y permisos documentados

9

flujos comerciales estandarizados

8

sesiones de co-diseño y validación

La guía documenta 8 perfiles de acceso en total: los 7 roles comerciales con flujo propio, más un perfil adicional de consulta (Reportería) que se sumó para dar visibilidad ejecutiva sin permisos de edición.

Rol
Qué puede hacer
Comercial Gerenciador
Gestiona una cartera de clientes. Puede registrar productos, crear, editar y dar seguimiento a Cuentas, Leads y Oportunidades.
Comercial No Gerenciador
No gestiona una cartera fija. Puede crear y consultar Leads y Oportunidades.
Atención al cliente
Consulta de Cuentas, Leads y Contactos. Puede crear oportunidades cuando el equipo lo requiere (ej. Estrategia o Riesgo).
Gerente comercial
Lidera equipos de ventas o cuentas. Visibilidad de leads, cuentas y oportunidades de su equipo; da seguimiento y monitorea metas.
Director / Asistente Regional
Visualización estratégica de los equipos comerciales de su región. Puede crear oportunidades, casos e interacciones.
VP Comercial
Visibilidad total de cuentas, prospectos, campañas y rentabilidad. Puede crear y modificar oportunidades, interacciones y planes de acción.
VP Administrativo
Consulta ejecutiva con acceso completo de visualización. No puede crear, editar ni eliminar registros.
Reportería
Consulta y análisis con visibilidad completa de registros clave. No puede crear, editar ni eliminar registros; gestiona reportes y tableros.

Resultados — impacto medible

Indicador
Antes de la migración
Resultado
Datos completos en el pipeline
~43% de gestiones con datos completos
43% → 91%
Tiempo de registro de una gestión
~18 minutos promedio en las dos herramientas
18 min → 7 min
Adopción del equipo
0 — herramientas en paralelo
100% migrado
Visibilidad del pipeline
Parcial o nula para gerentes
100% del equipo
Tiempo para operación autónoma
Sin referencia previa
Semana 1 post-lanzamiento

−61%

reducción en tiempo de registro de gestiones

+48pp

incremento en datos completos del pipeline

0

herramientas en paralelo al cierre del proyecto

La guía fue el entregable visible. El trabajo invisible fue convencer a 7 perfiles distintos de que había una forma mejor — y que esa forma los beneficiaba a ellos, no solo al negocio.

Más proyectos

01Experiencia de adquirencia Banistmo2025
02Procesos comerciales en Salesforce2024
03API External Connection2022
04Verificación de antecedentes2023

Interaction Design · Prototipado · Entrega a desarrollo · 2022

API External Connection — Truconnect

Diseño end-to-end del flujo de conexión de APIs externas a una plataforma de chatbots. Desde investigación profunda con ingenieros hasta testing con usuarios técnicos y documentación de entrega para el equipo de desarrollo.

Interaction DesignArquitectura de informaciónPrototipado (Figma)Tests de usabilidadDocumentación de entrega

Empresa

Truora

Período

mar. 2022 – ago. 2023

Rol

UX Designer Owner

Producto

Truconnect

Pantalla de Integraciones en Truconnect, con integraciones CRM conectadas y la sección de integraciones personalizadas

Truconnect — pantalla de Integraciones, punto de entrada al flujo de conexión de APIs externas

Contexto del producto

Truconnect es la plataforma de Truora para crear chatbots sin código. Para que los chatbots accedieran a información de sistemas externos — bases de datos de clientes, CRMs, plataformas de e-commerce — los usuarios necesitaban conectar APIs externas. El proceso requería entender conceptos como autenticación, HTTP requests y manejo de credenciales.

El producto ya existía y funcionaba, pero el flujo de configuración de integraciones nunca había sido diseñado — lo que había era documentación técnica. Suficiente para quien sabía exactamente qué buscar, pero confusa para quien llegaba por primera vez. Me asignaron como responsable de diseño con autonomía total para definir la arquitectura y el flujo desde cero.

La decisión más importante que tomé fue no abrir Figma hasta tener claro cómo pensaba el usuario. Cuatro sesiones con seis ingenieros antes de dibujar un solo wireframe. Esas conversaciones me enseñaron que el problema no era falta de información — era falta de estructura mental. Los ingenieros saben qué es una API; lo que no tenían era una forma de relacionar ese conocimiento con los pasos específicos que el producto les pedía.

8

ingenieros evaluados con prototipo Figma

7/8

completaron todas las tareas (87.5%)

131

comentarios en revisión interna con 40 personas

Proceso de diseño — 4 fases

F1

Investigación con ingenieros — 4 sesiones

Antes de cualquier wireframe

Inmersión técnica con 6 ingenieros para entender la terminología real: API, HTTP request, API key, autenticación. El dominio de conocimiento del usuario es parte del modelo mental que hay que respetar en el diseño.

F2

Arquitectura de información y wireframes

Semana 2–3

Diseño del flujo en 4 etapas secuenciales que codificaban la lógica técnica en un paso a paso comprensible para diferentes perfiles de usuario.

F3

Revisión interna — 40 personas, 131 comentarios en Figma

Semana 3–4

Presentación con equipo de producto, desarrollo y diseño. Con el PM, filtramos y priorizamos feedback antes de avanzar a alta fidelidad.

F4

Testing de usabilidad + documentación de entrega

8 sesiones · 11 tareas

8 sesiones con el perfil real de usuario. Los hallazgos guiaron la iteración final. La entrega incluía documentación de interacciones, estados y componentes para implementación fiel.

Arquitectura de la solución — 4 etapas

01

Nombre

Identificación y descripción de la integración

02

Autenticación

Esquema: API key · OAuth v2 · Session Auth

03

Credenciales

Campos y valores para conectar la API real

04

Acciones

Qué puede hacer la integración en el flujo

Pantalla de Authentication en Truconnect mostrando las 4 etapas del flujo en la barra lateral derecha

Las 4 etapas reflejadas en el producto — Name, Authentication, Credentials, Actions

El filtro — 131 comentarios y cómo usarlos

La revisión interna con 40 personas generó 131 comentarios en Figma. En lugar de procesarlos de forma lineal, me senté con el PM a categorizar: qué era una corrección real de experiencia, qué era preferencia personal y qué era conflicto entre perspectivas técnicas. De los 131 comentarios, alrededor de 30 eran accionables para el diseño. Los demás eran valiosos, pero de otro tipo.

Ese ejercicio de filtrado fue tan importante como el diseño en sí. Si hubiera intentado incorporar todo, el flujo habría perdido coherencia. Si hubiera ignorado la revisión, me habría perdido señales reales de problemas de interacción que luego confirmaron los tests con usuarios.

Pruebas de usabilidad

Se realizaron 8 pruebas de usabilidad con ingenieros usando un prototipo en Figma y un script con 11 tareas directas a realizar.

Perfil del usuario

El usuario que va a realizar la integración es alguien que tiene conocimiento sobre desarrollo, ya sea que forma parte de un equipo técnico que está trabajando en la integración con la empresa, o un Product Manager con los conocimientos para realizar una solicitud API de su producto, tiene algún antecedente sobre el proyecto y tiene conocimiento de la plataforma donde se crean conversaciones (Chatbot).

Factores evaluados en las pruebas

  • Se entiende el proceso de creación de la integración.
  • Son claras las tareas para crear la integración (Nombrar, autenticar, crear credenciales y acciones).
  • Son claros los nombres y hace referencia a la acción a realizar.
  • Es fácil navegar entre tareas.
Participante
Tarea completada
Observaciones
Participante 1
Realizó prueba en el creador de conversaciones. "Podría numerar los pasos para aclarar que es una secuencia".
Participante 2
Se realizó con tareas directas (confuso el ícono (+) al agregar un input).
Participante 3
"Mejorar descripciones, no me dan el suficiente contexto".
Participante 4
Completó la tarea, pero fue muy confuso para él la tarea que estaba realizando, "mejorar descripciones".
Participante 5
"Los términos inputs y outputs para una persona sin conocimiento no va a ser claro".
Participante 6
No
Realizó prueba en el creador de conversaciones. No completó las tareas y fue muy confuso la función que cumple una integración y cómo utilizarla.
Participante 7
"No están claros los inputs y outputs y cómo se relacionan con el flow builder".
Participante 8
"Fue confuso el (+) Add para guardar autenticaciones, inputs y outputs".

Hallazgos de usabilidad y decisiones de diseño

Problema 01 · Crítico · 4/8 usuarios

Los pasos no se percibían como secuencia progresiva

Los usuarios no entendían el orden ni en qué paso estaban. Intentaban saltarse etapas o repetir pasos ya completados.

Pantalla de Authentication con los 4 pasos listados sin numeración explícita de secuencia

Pantalla evaluada — Authentication, listado de pasos

Solución: Numeración explícita (1, 2, 3) con indicador visual de estado por paso — activo / completado / pendiente. Contraste de color para comunicar progreso sin texto adicional.

Problema 02 · Alto · 2/8 usuarios

El campo "Label name" era semánticamente vacío

Los usuarios no entendían qué se les pedía ni en qué contexto se usaría ese nombre después en el chatbot.

Modal Add authentication field con el campo Label name sin contexto adicional

Pantalla evaluada — modal Add authentication field

Solución: Nombres contextuales específicos por paso (ej. "Nombre de la autenticación") con descripción y ejemplo en placeholder.

Problema 03 · Alto · 2/8 usuarios

El botón de acción no comunicaba qué seguía

"Save and go" no indicaba si el sistema iba a ejecutar algo inmediatamente. Generaba incertidumbre sobre el resultado del clic.

Pantalla Configure a test request con el botón Save and go to test

Pantalla evaluada — Configure a test request

Solución: Renombrado a "Save and go to test" — verbo de acción + destino explícito.

Problema 04 · Medio · 2/8 usuarios

Los campos opcionales no se diferenciaban visualmente

Los usuarios trataban todos los campos como obligatorios, generando confusión al no saber si debían completarlos.

Pantalla Name and description con el campo opcional de ícono o logo sin diferenciación visual clara

Pantalla evaluada — Name and description

Solución: Etiqueta "Opcional" explícita + menor peso visual en campos no requeridos.

Flujo completo — demo en video

El flujo final de conexión de una API externa en Truconnect, de principio a fin, con las decisiones de diseño ya integradas.

Resultados — impacto de la entrega

Indicador
Línea base / contexto
Resultado
Tareas completadas con éxito
Objetivo mínimo interno del equipo: 75%
87.5% (7/8)
Tiempo de configuración de integración
Proceso manual previo: ~2 horas estimadas
~22 minutos
Tasa de abandono del flujo
Estimado pre-diseño: ~65% de drop-off
18% primeros 30 días
Empresas que conectaron APIs autónomamente
Antes: requerían soporte del equipo Truora
47 en primeros 3 meses
Iteraciones correctivas post-desarrollo
Promedio previo en otras funcionalidades: 4–5 tickets
1 ticket menor

Diseñar para usuarios técnicos requiere más investigación de lo habitual. El dominio de conocimiento del usuario es parte del modelo mental que hay que respetar en cada decisión de interacción.

Ver mockups y prototipo en Behance ↗

Más proyectos

01Experiencia de adquirencia Banistmo2025
02Procesos comerciales en Salesforce2024
03API External Connection2022
04Verificación de antecedentes2023

Product Led Growth · Optimización de funnel · Diseño basado en datos · 2023

Verificación de Antecedentes por Caso de Uso

Transformación de un producto de verificación de identidad desde ventas directas a modelo self-service. Investigación cuantitativa, análisis de funnel con Mixpanel y rediseño basado en datos reales de comportamiento de usuarios.

Product Led GrowthOptimización de funnelDiseño de onboardingAnálisis con datosSelf-service UX

Empresa

Truora (TruChecks)

Período

mar. 2022 – ago. 2023

Rol

Product Designer

Enfoque

Ventas directas → Self-service

El problema

TruChecks era un producto robusto pero su crecimiento dependía 100% del equipo de ventas. El usuario potencial no podía llegar, probar y entender el valor del producto de forma autónoma — lo que alargaba el ciclo de adopción.

Cuando entré al proyecto, el producto no tenía medición de comportamiento. Sin datos, sin funnel, sin forma de saber dónde y por qué se perdían los usuarios. Lo primero que hice fue construir la infraestructura de medición: Mixpanel para el funnel de activación, Typeform para perfilar al usuario real, Hotjar para observar el comportamiento en pantalla. Solo desde ahí podía diseñar con certeza — no desde suposiciones.

¿Cómo diseñamos un onboarding que haga el trabajo del vendedor — contextualizar, demostrar valor y guiar al usuario — sin intervención humana?

Antes y después — el cambio de modelo

Modelo de ventas directas

  • Sin forma de probar sin hablar con ventas primero
  • Sin métricas de comportamiento dentro del producto
  • Consulta genérica mostraba todas las bases de datos
  • Puntaje 0–10 sin contexto accionable
  • Lenguaje técnico que confundía al usuario no experto

Modelo self-service

  • Registro directo con 3 consultas gratuitas sin fricción
  • Stack de medición: Hotjar · Mixpanel · Typeform · Intercom
  • Verificador por caso de uso — 6 tipos distintos
  • Estado del resultado: Aprobado / Rechazado / Sin definir
  • Tour guiado de 7 pasos para la primera consulta
Pantalla anterior: formulario genérico de consulta con todas las bases de datos disponibles sin filtrar

Antes — formulario genérico, sin personalización

Pantalla rediseñada: selección de caso de uso con 6 tipos de consulta personalizados

Después — selección de caso de uso primero

Perfil del usuario — encuesta Typeform (65 respuestas)

36.9%

validan candidatos en selección de personal

20%

verifican proveedores o contratistas

32.3%

trabajan en desarrollo de producto

64.6%

estiman 0–50 validaciones por mes

"No tenía claro en qué países se hacen las consultas."

"No me queda claro si con el número de documento es suficiente."

"No le veo relevancia al puntaje. Cuando es 10 no sé qué significa."

"Tengo demasiada información de bases de datos, no encuentro lo relevante."

"No sabía que podía hacer una consulta vehicular."

"Es confuso que me pida nombre, apellido y compañía en consulta de persona."

El giro — el problema no era el producto, era el contexto

Las entrevistas confirmaron algo que el funnel ya insinuaba: el producto no fallaba por falta de valor, sino por falta de contexto. El usuario llegaba, veía una pantalla con decenas de opciones de bases de datos, y no sabía por dónde empezar. La primera consulta — el momento donde debería ocurrir el AHA moment — se convertía en una experiencia de ensayo y error.

El insight que cambió el diseño no vino de un análisis sofisticado. Vino de una respuesta sencilla en una entrevista: "No sabía que podía hacer una consulta vehicular". El usuario no conocía todo lo que el producto podía hacer por él. Si el sistema sabía para qué necesitaba verificar el usuario, podía mostrarle exactamente lo que necesitaba — y filtrar todo lo demás. Eso fue lo que guió el rediseño.

Métricas del tour guiado — Intercom · 45 días

241

usuarios en free trial

51%

iniciaron el tour (123)

36%

finalizaron el tour (87)

70%

completaron de quienes iniciaron

51%

iniciaron el tour

70%

finalizaron el tour

7%

contactaron ventas post primer check

29%

completaron las 3 consultas gratuitas

Análisis de funnel — Mixpanel (154 usuarios)

Registro de cuenta
100% · 154
Login completado
82% · 127
Primer check creado
73% · 113
Segundo check
44% · 68
Tercer check (free trial agotado)
29% · 44

🔍 Lectura del funnel: La caída más pronunciada ocurre entre el 2do y 3er check (73% → 44%). El usuario ya ve valor pero aún no entiende del todo la plataforma — señal de que el onboarding guiado necesitaba activarse antes.

Mapa de experiencia — de la primera consulta a la suscripción

Mapeo de los tres puntos de contacto del producto — ingresar inputs, analizar resultados y suscribirse — cruzando actividades, nivel de fricción, expectativas del usuario e insights accionables en cada paso.

Mapa de experiencia de TruChecks con tres puntos de contacto: ingresar inputs, analizar resultados y proceso de suscripción, mostrando nivel de fricción, expectativas e insights

Desliza para ver el mapa completo — el punto de mayor fricción está en "ver resultado de la consulta" y en el formulario de facturación

Solución — verificador personalizado por caso de uso

El rediseño reorganizó el punto de entrada: el usuario selecciona su caso de uso primero, y la plataforma pre-configura las fuentes relevantes, reduce el ruido informativo y entrega un resultado accionable para ese contexto.

🚚 Logística🏢 Empresarial💰 Financiero🚗 Vehicular👥 Selección👤 Personal
Ejemplo de consulta vehicular personalizada, con campos específicos (placa, cédula del dueño) y categorías de información relevantes a ese caso de uso

Ejemplo — Consulta vehicular, con campos y fuentes filtradas a ese caso de uso

Decisiones de diseño basadas en datos

Dato: 90% de free trials con puntaje = 10

La escala 0–10 no generaba decisiones — era ruido visual

En el 90% de los casos el puntaje era 10, pero los usuarios no sabían qué hacer con ese número. El momento de valor no llegaba porque el resultado no era accionable.

Pantalla anterior: puntaje general de 0 a 10 con pesos editables por fuente, sin significado accionable claro

Antes — puntaje 0–10 sin contexto

Pantalla rediseñada: historial de consultas con estados claros Aprobada, Rechazada y Sin definir

Después — estados: Aprobada · Rechazada · Sin definir

Decisión: Reemplazar el puntaje por tres estados con semántica clara: Aprobado · Rechazado · Sin definir, con contexto sobre fuentes consultadas.

Insight de entrevistas

Consulta genérica sin personalización generaba sobrecarga

El flujo original mostraba todas las bases de datos disponibles sin filtrar — el usuario tenía que entender toda la taxonomía antes de obtener algo útil.

Decisión: Flujo iniciado desde la selección del caso de uso. El sistema filtra automáticamente las fuentes relevantes para ese contexto específico.

Dato del funnel: 7% de contacto a ventas

El llamado a la acción de conversión aparecía en el momento equivocado

Solo el 7% de los usuarios que hicieron un check contactaron a ventas. La mayoría terminaba el free trial sin una guía clara de qué hacer después.

Decisión: Reposicionar el llamado a la acción al momento en que el usuario agota su tercer check — cuando el valor ya está demostrado y la decisión de escalar es natural.

Prototipo — flujo completo del verificador

El flujo rediseñado de principio a fin: selección de caso de uso, ingreso de datos filtrados y resultado con estado accionable.

Resultados — impacto del rediseño

Indicador
Antes del rediseño
Resultado
Tareas completadas con éxito del primer check
63% de los usuarios registrados llegaban a completar
63% → 84%
Tiempo de configuración de búsqueda
~4.2 minutos promedio con flujo genérico
4.2 min → 1.8 min
Abandono en registro → primer check
37% de usuarios se perdían antes de hacer consulta
37% → 21%
Usuarios que terminaron el tour
No existía — modelo solo de ventas directas
70% completaron
NPS del producto (60 días post-lanzamiento)
NPS de 28 en modelo de ventas directas
28 → 47

+21pp

incremento en usuarios que completaron el primer check

−57%

reducción en tiempo de configuración de búsqueda

+19pp

mejora en NPS del producto a 60 días

Diseñar para crecimiento impulsado por el producto es diseñar para que el producto haga el trabajo de ventas: contextualizar, demostrar valor y guiar la conversión en el momento exacto en que el usuario está listo.

Ver pantallas y flujos completos en Behance ↗

Más proyectos

01Experiencia de adquirencia Banistmo2025
02Procesos comerciales en Salesforce2024
03API External Connection2022
04Verificación de antecedentes2023