Todos los casos

04 / Banca móvil · México

C2S · CONTRATACIÓN DIGITAL

Convertir una oportunidad comercial en una contratación clara y verificable.

Diseñé las pantallas y estados que conectan descubrimiento, detalle de la oferta, revisión, autorización opcional y comprobante en un recorrido de contratación dentro de la app.

Resultado: Flujo diseñado · implementación no documentada

Rol
UX / Product Designer
Contribución
UI · flows · hierarchy · states
Insumos
Research + Product Owners
Alcance
Contratación de producto móvil

El reto

Unir descubrimiento, decisión y comprobación sin perder contexto

La contratación parte de una oportunidad presentada dentro de una tienda con productos distintos. La persona necesita reconocer qué se le ofrece, entender el beneficio, comparar su situación actual con la propuesta y revisar los datos antes de aceptar.

El reto era mantener continuidad al pasar de un contexto comercial a una operación financiera con consentimiento, seguridad y evidencia posterior.

Mi contribución

Traducir objetivos de venta y reglas del producto en una experiencia

Tomé los objetivos de negocio, reglas del producto y antecedentes compartidos por el área especializada de research y los Product Owners para diseñar la UI del recorrido: descubrimiento, detalle, revisión, consentimiento, autorización y comprobante.

No atribuyo la investigación a mi trabajo. Mi responsabilidad fue comprender el objetivo comercial y el beneficio para la persona, y convertirlos en una interacción clara dentro de la app.

Propuesta de valor

Un recorrido progresivo para entender, aceptar y comprobar

La propuesta separa descubrimiento, explicación, revisión y consentimiento. La autorización aparece como estado opcional y el comprobante conserva los datos necesarios para consultar o compartir la operación.

Recorrido documentado

  1. 01Descubrir
  2. 02Entender
  3. 03Revisar
  4. 04Autorizar
  5. 05Comprobar

Los estados visuales permanecen documentados en Figma; esta página no atribuye resultados de producción.

Decisiones y evidencia

Cada cambio de compromiso tiene información y una acción explícitas

La evidencia se organiza por momento de decisión: oferta en contexto, explicación del valor, revisión contractual, autorización opcional y cierre recuperable. Las pantallas usan datos de muestra.

  1. 01

    DESCUBRIR

  2. 02

    DETALLE

  3. 03

    REVISIÓN

  4. 04

    AUTORIZACIÓN

  5. 05

    COMPROBANTE

  • 01 · Contextualizar la oferta

    El valor aparece antes del consentimiento.

  • 02 · Separar valor y consentimiento

    La revisión contractual tiene su propio momento.

  • 03 · Cerrar con evidencia

    El comprobante preserva trazabilidad.

Impacto y alcance

Un patrón completo de contratación móvil documentado

El resultado verificable es la definición del recorrido y sus estados en Figma: desde una oferta dentro del catálogo hasta el comprobante y su envío por correo. No se presentan métricas ni resultados comerciales no documentados.

Aprendizajes

Vender dentro de una app también exige diseñar confianza

Una oferta puede ser atractiva y, al mismo tiempo, verificable. Separar valor, condiciones, consentimiento y seguridad evita que la conversión dependa de ocultar información o acelerar una decisión financiera.

Límites

Evidencia de diseño, no resultados comerciales

Las pantallas originales corresponden al ejemplo de incremento de línea de crédito y demuestran el patrón C2S. El SuperToken está señalado como opcional en la fuente. El research fue provisto por el área especializada y Product Owners. No hay métricas ni evidencia de lanzamiento disponibles.