BanCoppel Buen Fin
Estrategia UX/UI
Landing Page
FECHA
Sep-Nov 2024
ROL
Product Designer
AGENCIA
Prototype
ENTREGABLES
Research Document, Wireframe, Mockup, Métricas
FRAMEWORK
Doble Diamante
Antecedentes
BanCoppel no contaba con una página del Buen Fin, por lo que en mi rol como Product Designer, diseñé una estrategia para esta nueva landing con un equipo compuesto por un UX Writer, un UX Reasercher, un UI Designer y un Front para lanzar esta página el 5 de noviembre de 2024.
La estrategia se basó tanto en la investigación de buenas prácticas y benchmark realizado por el equipo, como en el brief que el cliente (BanCoppel) nos entregó al principio del proyecto.
Propuesta de Valor
1) La landing debía contar con información de las 3 promociones principales que BanCoppel tenía disponibles para el Buen Fin 2024
1) Se tenía que incluir algún botón o acceso para descargar la App de BanCoppel
3) Era importante la promoción de los productos BanCoppel Participantes.
Primero lo primero
La investigación de las buenas prácticas fue fundamental para la toma de desiciones en este proyecto, ya que, a pesar de conocer al target del cliente, era importante conocer estrategias provadas que funcionen con usuarios similares.
Los insigths más importantes que obtuvimos fueron:
En este tipo de campañas, el FOMO es un factor fundamental para aumentar el CR
Es importante contar con multiples accesos a formularios de contratación, pues a medida que el usuario asimila la información, el engagement va aumentando.
Se necesitan 2 versiones de la página. Una antes y durante la vigencia de la campaña y otra permanente para seguir sumando a SEO
Mobile First
Ya que según los datos que se nos entregaron, más del 80% de los usuarios visitan sitios similares desde versiones mobile, es indispensable trabajar con un enfoque que priorice los dispositivos móviles. Por lo tanto, tanto el wireframe, como los mockups fueron realizados en una primer instancia en mobile para después crear la versión responsive del sitio.
Cabe mencionar que se solicitó un solo tablero de métricas, y en las pestañas de dicho dashboard se abordaron los dos momentos de vida que tendría la página.
Necesidad de aumentar y medir el CR
Una de las necesidades principales, era que la página representara una subida en los accesos a la página de presolicitud de productos, para lograr este fin, decidimos implementar dos estrategias, la primera fue tener un story telling atractivo para que el usuario despertara su interés en los productos BanCoppel al ver los beneficios de cada producto.
La segunda fue utilizar un elemento llamativo para que el usuario tuviera oportunidad en cada paso de ingresar al formulario. Que el usuario ingresara al formulario era nuestra meta de conversion rate para esta landing.
Botón Sitcky
Su función tanto en mobile como en desk es la de enviar a los usuarios a la página de presolicitud. El botón aparece después de bajar el primer escritorio de la página y desaparece al ingresar al formulario, o en su defecto, haciendo un scroll up de 500 px.
Conclusión
Es importante tener en cuenta los diferentes momentos en la vida de algunas páginas. Por lo que es necesario preparar distintas estrategias para cada uno de ellos, a fin de tener siempre la mejor experiencia de usuario posible.