Buen Fin BanCoppel Landing Page
Landing page construida desde cero para la campaña Buen Fin 2024 de BanCoppel, con una estrategia mobile-first orientada a conversión.
Rol
Product Designer
Fecha
Sep-Nov 2024
Industria
Banca y Finanzas
Resultado
63% CTRDescripción General
BanCoppel no contaba con una página dedicada al Buen Fin. Diseñé desde cero la estrategia de esta landing junto con un equipo multidisciplinario (UX Writer, UX Researcher, UI Designer y Front), bajo el brief del cliente y una fecha de lanzamiento fija: 5 de noviembre de 2024. El reto fue construir, sin un sitio previo que auditar, una experiencia mobile-first capaz de comunicar 3 promociones, impulsar la descarga de la app y convertir desde el primer scroll.
El Desafío
BanCoppel no contaba con una página dedicada al Buen Fin. Como Product Designer, lideré la estrategia de diseño de esta landing junto con un equipo multidisciplinario (UX Writer, UX Researcher, UI Designer y Front), bajo un plazo fijo e innegociable: lanzar el 5 de noviembre de 2024. El brief del cliente exigía comunicar 3 promociones principales, incluir un acceso a la descarga de la app de BanCoppel, y dar visibilidad a los productos participantes — todo dentro de una sola experiencia que tenía que convertir desde el primer scroll.
Research y Benchmark: Diseñando una Estrategia desde Cero
El FOMO como palanca de conversión en campañas estacionales
Sin un sitio previo que auditar, la investigación de buenas prácticas y benchmark de campañas similares fue el punto de partida. El hallazgo más determinante: en campañas de temporada como el Buen Fin, el FOMO (miedo a perder la oferta) es un factor crítico para elevar el Conversion Rate, y debía traducirse en decisiones de diseño concretas — como el contador de tiempo restante que ves aquí — y no quedarse solo como un insight de research.
El contador de tiempo restante en la parte superior refuerza la urgencia desde el primer segundo de la visita.
Un solo acceso al formulario no era suficiente
El research también reveló que, a medida que el usuario avanza y asimila la información de la página, su disposición a convertir (engagement) aumenta progresivamente. Esto significaba que concentrar el llamado a la acción en un solo punto de la página —típicamente el Hero— desaprovechaba toda la intención de compra que se construye conforme el usuario hace scroll.
Dos versiones de la misma página, dos objetivos distintos
El equipo identificó que la página necesitaba vivir en dos momentos: una versión activa durante la vigencia de la campaña (con foco 100% en conversión y urgencia), y una versión permanente post-campaña que siguiera sumando a SEO sin las promociones ya vencidas. Se solicitó un único tablero de métricas con pestañas separadas para medir ambos momentos de vida sin perder continuidad en el análisis.
Metodología: Doble Diamante bajo Fecha de Lanzamiento Fija
1. Discover: Brief del Cliente y Benchmark
Análisis del brief de BanCoppel (3 promociones, descarga de app, productos participantes) cruzado con benchmark de campañas de temporada en el sector financiero.
2. Define: Objetivo Único de Conversión
Definición del ingreso al formulario de presolicitud como la meta de conversión única de la landing, alineando a todo el equipo (UX Writer, UI, Front) alrededor de esa métrica.
3. Develop: Mobile-First, Storytelling y Múltiples Accesos
Wireframes y mockups diseñados primero en mobile (80% del tráfico esperado), con un storytelling de beneficios por producto y puntos de entrada al formulario distribuidos en toda la página, no solo en el Hero.
4. Deliver: Prototipo, Dashboard y Lanzamiento Coordinado
Prototipo de alta fidelidad responsive (mobile a desktop), definición del tablero único de métricas con pestañas por momento de vida, y coordinación con Front para el lanzamiento en la fecha comprometida con el cliente.
Estrategia de Solución: Urgencia, Accesibilidad al Formulario y Mobile-First
Botón Sticky: El Formulario Siempre a un Toque de Distancia
Diseñé un botón sticky, presente tanto en mobile como en desktop, que dirige al usuario directamente a la página de presolicitud. Aparece después del primer scroll —una vez que el usuario ya mostró intención de explorar— y desaparece al entrar al formulario o al hacer scroll hacia arriba más de 500px, evitando que compita por atención con el contenido del Hero.
Storytelling de Beneficios como Motor de Conversión
En lugar de listar promociones de forma plana, estructuré la narrativa de cada producto BanCoppel participante alrededor de su beneficio concreto para el usuario, aprovechando que el engagement crecía a medida que la persona avanzaba en la página — y capitalizando ese momento con un acceso al formulario inmediatamente después de cada bloque de beneficio.
Mobile-First de Extremo a Extremo
Con más del 80% del tráfico esperado en mobile, wireframes y mockups se construyeron primero para pantallas móviles y después se adaptaron a desktop, garantizando que los CTAs, la jerarquía de las 3 promociones y el acceso a la descarga de la app funcionaran igual de bien en el dispositivo donde realmente llegaría la mayoría de los usuarios.
Dos Vidas, Una Página: Campaña Vigente y Versión Evergreen
La misma landing se diseñó para operar en dos momentos distintos sin reconstruirse desde cero: una versión con foco en urgencia mientras la campaña estaba vigente, y una versión permanente después del Buen Fin que retiraba las promociones vencidas pero conservaba el valor SEO acumulado — medidas ambas desde un único tablero de métricas con pestañas dedicadas a cada etapa.
Resultados Clave
63%
CTR del CTA Principal
42%
Tasa de Rebote
1:12
Tiempo Promedio de Sesión
Datos medidos durante la vigencia de la campaña Buen Fin 2024 (5 de noviembre en adelante).
Visita el sitio en producción
La landing sigue viva en el sitio de BanCoppel como versión evergreen. Ten en cuenta que las promociones mostradas hoy corresponden a la campaña vigente, no a la edición 2024.
Ver Sitio en VivoSiguiente Proyecto
¿Cómo trabajo hoy?
