Naly — Onboarding KYC para una fintech en México

Diseño de un onboarding regulado, claro y humano para el primer producto financiero de una persona.

  • Rol: Product Designer (UX · UI · Copy · Prototipo · Design System)
  • Tipo: Proyecto conceptual
  • Plataforma: Mobile app
  • Mercado: México
  • Enfoque: Fintech / KYC / Regulación CNBV
Naly Onboarding Cover

Introducción

Crear una cuenta financiera en México implica atravesar procesos de verificación, captura de documentos y validaciones legales que, en muchos casos, se sienten largos, confusos y poco amigables.

Este proyecto explora cómo diseñar un onboarding KYC que cumpla con la regulación mexicana sin sacrificar claridad, confianza ni continuidad, especialmente para personas que están abriendo su primer producto financiero.

Contexto y problema

Naly es el concepto de una fintech mexicana que ofrece una tarjeta de débito, con la intención de habilitar crédito en el futuro.

El onboarding debía cumplir con requisitos de KYC y PLD, pero sin replicar la experiencia bancaria tradicional.

El problema a resolver era claro:

  • Los procesos KYC generan fricción y abandono.
  • El lenguaje legal suele ser poco comprensible.
  • La captura de documentos es uno de los puntos más frágiles del flujo.
  • Muchos usuarios abandonan sin saber si su progreso se guardó.

Objetivos del proyecto

  • Diseñar un onboarding alineado con la regulación mexicana.
  • Reducir la ansiedad del usuario durante el proceso.
  • Acompañar activamente la captura de documentos.
  • Facilitar la recolección de información sin esfuerzo innecesario.
  • Permitir retomar el registro desde cualquier punto.
  • Comunicar confianza sin recurrir a lenguaje bancario rígido.

Rol y alcance

En este proyecto participé en todo el proceso de diseño:

  • Definición del flujo de onboarding.
  • Investigación de regulaciones mexicanas (KYC / PLD).
  • Análisis del onboarding de Nu como referencia.
  • Wireframes de baja fidelidad.
  • Diseño visual y sistema de componentes.
  • Microcopy y tono de comunicación.
  • Prototipo navegable.
  • Exploración y apoyo con herramientas de IA.

El research fue principalmente conceptual y regulatorio, enfocado en entender restricciones reales del producto.

Naly Onboarding Intro

Proceso

Investigación y fundamentos

El punto de partida fue entender qué es obligatorio y qué es flexible dentro de la regulación mexicana.

Para esto:

  • Se investigaron lineamientos de KYC y PLD.
  • Se utilizó IA como apoyo para sintetizar y entender la regulación.
  • Se analizó el onboarding de Nu para identificar patrones y oportunidades de mejora.

Este enfoque permitió tomar decisiones informadas sin sobrecargar la experiencia.

Naly Onboarding Proceso

Arquitectura del onboarding

Antes de diseñar pantallas, se definió la estructura completa del flujo.

Principios clave:

  • Dividir el proceso en pasos claros y comprensibles.
  • Introducir checkpoints visibles después de acciones relevantes.
  • Aplazar los formularios más pesados hasta el final.
  • Hacer explícito el progreso para reducir abandono.

El onboarding se organiza en:

  • Verificación de contacto.
  • Captura de documentos.
  • Verificación de identidad.
  • Información fiscal.
  • Dirección y envío de tarjeta.
  • Configuración de cuenta.
  • Cierre.

Solicitar el correo electrónico desde el inicio permite guardar el progreso y retomar el proceso en caso de abandono, además de habilitar comunicación clara durante el onboarding.

Naly Onboarding Arquitectura

Recolección inteligente de datos

Para reducir fricción y agilizar el proceso, parte de la información del usuario se obtiene directamente a partir de los documentos capturados.

En lugar de pedir que el usuario escriba datos que ya están presentes en su identificación, el onboarding propone un enfoque asistido:

  • La información se prellena a partir del documento.
  • El usuario revisa, confirma y puede modificar cualquier dato.
  • No se asume que la información es correcta sin validación humana.

Este enfoque reduce el esfuerzo, acelera el registro y mantiene al usuario en control de su información.

Los pasos que requieren mayor esfuerzo manual, como completar información que no puede obtenerse de documentos, se colocan hacia el final del proceso.

De esta forma, el usuario ya ha avanzado significativamente y percibe que está cerca de terminar, lo que ayuda a reducir abandono en los momentos más demandantes.

Naly Onboarding Arquitectura

Captura de documentos y guía en tiempo real

La captura de documentos suele ser uno de los puntos con mayor fricción en procesos KYC.

En lugar de delegar toda la responsabilidad al sistema de verificación, el diseño acompaña activamente al usuario.

Durante la toma de fotos:

  • Mensajes en pantalla indican cómo colocar el documento.
  • Se alertan problemas comunes como reflejos, desenfoque o encuadres incorrectos.
  • Se confirma cuándo la imagen cumple los requisitos antes de avanzar.

El objetivo no es solo validar documentos, sino ayudar al usuario a hacerlo bien desde el inicio.

Naly Onboarding Captura

Verificación de identidad

La verificación biométrica se presenta como un paso claro y contenido.

El lenguaje explica:

  • Por qué se solicita la selfie.
  • Cómo se utilizan los datos biométricos.
  • Qué se espera del usuario en ese momento.

Este paso incluye un consentimiento explícito, claro y directo, evitando textos legales extensos y manteniendo el foco en la confianza.

Naly Onboarding Verificación

Checkpoints y guardado de progreso

Para reducir abandono, se integraron checkpoints visibles después de los pasos más importantes:

  • Verificación de contacto.
  • Captura de INE.
  • Verificación biométrica.
  • Comprobante de domicilio y dirección.

Cada checkpoint confirma que la información fue guardada y que el usuario puede salir y continuar después sin perder avance.

Esto transforma un proceso largo en una serie de avances claros y tranquilizadores.

Naly Onboarding Checkpoints

Sistema visual y de comunicación

Desde el inicio, el diseño visual y el lenguaje se pensaron como un solo sistema.

En un contexto financiero regulado, cada color, ilustración y mensaje cumple una función:

  • Orientar.
  • Reducir ansiedad.
  • Explicar sin abrumar.
  • Construir confianza.

El sistema visual utiliza ilustraciones minimalistas, una paleta contenida y componentes consistentes que refuerzan claridad y calma.

Uso de IA en el diseño

Las ilustraciones del onboarding fueron generadas con apoyo de herramientas de IA, lo que permitió explorar variaciones visuales rápidamente y mantener consistencia estilística sin sacrificar tiempos de diseño.

La IA también se utilizó como apoyo para:

  • Exploración y refinamiento de microcopy.
  • Validación de flujos.
  • Investigación sobre regulación mexicana.

Las decisiones finales siempre se tomaron desde criterios de UX, regulación y tono de marca.

Naly Onboarding

Resultado

El resultado es un onboarding KYC que:

  • Cumple con regulación mexicana.
  • Se siente progresivo y comprensible.
  • Facilita la recolección de información.
  • Permite retomar el proceso sin fricción.
  • Acompaña activamente al usuario en los pasos críticos.

Aunque se trata de un proyecto conceptual, el flujo y las decisiones están pensadas para un contexto real de fintech en México.

Aprendizajes

  • Diseñar con regulación no significa diseñar experiencias rígidas.
  • El orden de los pasos influye directamente en el abandono.
  • El microcopy puede reducir fricción más que la UI.
  • Acompañar la captura de documentos mejora percepción y calidad.
  • La IA es más valiosa como apoyo estratégico que como solución automática.
Naly Onboarding Resultado

Cierre

Este proyecto explora cómo un onboarding financiero puede ser claro, humano y confiable, incluso dentro de un marco regulado, priorizando siempre la experiencia del usuario sin perder rigor.

Ver Prototipo en figma
Naly Onboarding Cierre
Naly Onboarding Cover
Naly Onboarding Cover
Investigación y fundamentos
Arquitectura del onboarding
Recolección inteligente de datos
Captura de documentos
Verificación de identidad
Checkpoints y progreso
Sistema visual
Microcopy
Aprendizajes
Cierre