Landing page

Cambia tu Nómina BanCoppel.

G Id

Transformamos la fricción de ir a una sucursal en una portabilidad de nómina 100% digital, transparente y en menos de 3 minutos.

El objetivo fue integrar al usuario en el centro del proceso, identificando sus verdaderos dolores para ofrecer una solución online sin letras chiquitas que genera confianza desde el primer clic.

Mockups Transparentes Proyecto 2

Detalle del Servicio: Portabilidad BanCoppel

Una plataforma intuitiva enfocada en la transparencia y rapidez para la captación y migración de nóminas 100% en línea.

💻

Portabilidad Online

Un proceso guiado paso a paso para cambiar tu nómina desde cualquier dispositivo en menos de 3 minutos.

🔍

Transparencia Total

Información visual, clara y libre de tecnicismos bancarios para que sepas exactamente qué pasa con tu dinero.

💸

Cero Comisiones

Muestra destacada de los beneficios reales y gratuitos que se obtienen al realizar el cambio de nómina.

Aprobación Inmediata

Validación biométrica e integración API para que el cambio surta efecto de inmediato, sin esperas.

Comprender los problemas y los usuarios

Aplicando las 5 fases de Design Thinking:

1. Empatizar

Entender a los clientes y sus necesidades de banca móvil.

2. Definir

Identificar los principales puntos de dolor y fricciones.

3. Idear

Proponer soluciones y flujos más intuitivos.

4. Prototipar

Crear wireframes y prototipos de alta fidelidad.

5. Testear

Validar con usuarios y realizar ajustes finales.

Diagrama UX

Asignación de recursos y tiempos para el equipo de diseño.

JulAgoSepOctNovDic
Research & Ideación
Wireframes & UI Design
Desarrollo y Pruebas

Arquetipo de Usuario y JTBD

Jorge, 32 años - Empleado de Corporativo

Contexto: Trabaja de 9 a 6 y no tiene tiempo de ir físicamente a una sucursal en horario bancario.

Frustración: "Necesito cambiar mi nómina para acceder a un crédito que me ofrecieron, pero no puedo perder 3 horas en el banco."

Falta de tiempo Usa Android

Laura, 45 años - Gerente de Tienda

Contexto: Desconfía de los procesos digitales porque teme cargos ocultos o perder acceso a su dinero.

Frustración: "No entiendo la mitad de los términos bancarios. Si voy a hacerlo en línea, necesito que la pantalla me diga paso a paso qué va a pasar con mi dinero."

Desconfianza digital Usa IOS

Benchmarking

Competidor Onboarding Transferencias Seguridad
BBVA Rápido, 100% digital con biometría. En 2 clics, sin dar de alta cuenta previa. Token móvil transparente, retiros sin tarjeta.
Citibanamex Requiere validación física a veces. Flujo guiado, guarda contactos al instante. NetKey físico o móvil (activación sucursal).
Santander Digital, pero con múltiples pantallas. Uso de código QR y transferencias express. SuperToken integrado con biometría.
Banorte Rápido, validación facial. Menú inferior rápido, favoritos a la mano. Token celular automático.

Customer Journey Map

Etapa 1. Descubrimiento 2. Evaluación 3. Trámite Online 4. Éxito y Retención
Acción Ve anuncio en redes sobre portabilidad y entra a la Landing. Lee los beneficios. Duda de si hay "letras chiquitas". Escanea su INE y completa el flujo guiado con biometría. Recibe el comprobante digital y SMS de éxito.
Pensamiento "Ojalá no me pidan ir a la sucursal para esto." "¿Realmente no me cobrarán manejo de cuenta?" "Fue mucho más rápido de lo que esperaba. Me da seguridad." "¡Qué alivio no perder mi mañana en el banco!"
Emoción 🤔 😐 😮 🤩
Touchpoints Facebook Ads Landing Page App Móvil / Web SMS / Email
Oportunidad UX Hacer el CTA (Call to Action) muy evidente y libre de distracciones. Mostrar tabla comparativa "Cero Comisiones" visible sin hacer scroll. Validación OCR para que no tenga que teclear los datos de su credencial. Botón para "Descargar comprobante en PDF" para dar certeza legal.

Puntos de Dolor y Necesidades

Las 6 áreas principales identificadas en la evaluación cualitativa:

Pains

Ir a Sucursal

Tener que hacer filas interminables en horario laboral.

Pains

Papeleo

Llenar formatos a mano y llevar copias físicas.

Pains

Falta de Claridad

No saber en qué estatus va el trámite.

Needs

Trámite 100% Digital

Poder solicitar el cambio en 5 minutos desde el celular.

Needs

Transparencia

Información clara sobre tiempos y requisitos desde el inicio.

Needs

Seguimiento

Notificaciones SMS o email sobre el estatus de la solicitud.

Flujo de Navegación Simplificado

1. Home Landing
2. Conocer Beneficios
3. Ingresar Datos
4. Validar Identidad
5. Confirmación

Wireframes y Diseño UI

Construcción de alta fidelidad iterando la lectura táctil y el uso rudo nocturno del diseño.

Infografía Completa Banca Móvil

Accesibilidad y Detalles Finales

Se realizaron pruebas de usabilidad logrando un 90% de éxito en la conversión. El diseño UI final aplica los lineamientos de marca de BanCoppel y garantiza accesibilidad total en el proceso de captura de datos.