Aumentar el tráfico web y la navegación transversal para banca online

Recientemente en Torresburriel Estudio, hemos tenido la oportunidad de trabajar en otro proyecto clave dentro de banca online (ver también: Acompañamiento UX de un Banco de Desarrollo). Nuestra misión era abordar y mejorar la experiencia de usuario en la web de una destacada firma de gestión de activos y mercados de capitales. 

Este proyecto nos desafió a optimizar aspectos esenciales como la navegabilidad, el diseño y la efectividad del SEO. A través de nuestra experiencia y un enfoque meticuloso, nos centramos en renovar la presentación digital de nuestro cliente, prestando especial atención a la consistencia en el diseño y la interacción intuitiva para los usuarios. 

Nuestro objetivo era claro: mejorar la interfaz digital de nuestro cliente para hacerla más accesible y atractiva para sus usuarios.

¿A qué reto nos estábamos enfrentando con este proyecto de banca online?

Este proyecto está centrado en una empresa de banca online con amplia experiencia en gestión de activos y mercado de capitales. Ofrece servicios bancarios a sus clientes, desde la domiciliación de la nómina, realización de transferencias, uso de tarjetas (tanto crédito como débito) de forma física o a través de tu wallet, e incluso ayuda y educa sobre cómo invertir dinero de forma segura.

Las métricas no mienten

Después de un exhaustivo análisis descubrimos que más del 50% del tráfico de la web de banca online entraba por SEO y el índice de páginas vistas era menor de un 2%. 

Además, no se estaba consiguiendo una continuidad por las páginas que entran. Esto quiere decir que los usuarios no estaban navegando entre las páginas para descubrir más contenido e información.

Inconsistencia en el diseño

Realizamos un análisis de los elementos de su librería de componentes y del diseño actual en su página web de banca online, con el objetivo de ver posibles carencias y necesidades de mejora.

Descubrimos que había ciertas inconsistencias en el diseño. Los call to action eran difíciles de identificar, habiendo mucho contenido clicable que pasaba desapercibido. Además, la información más relevante se encontraba al final de la página y no había elementos que incitasen a la exploración de nuevo contenido.

Objetivos de mejora del proyecto después del análisis

Teniendo en cuenta los problemas que detectamos, estos fueron los objetivos de mejora que planteamos para el proyecto de banca online:

1. Aumentar el índice de páginas vistas por sesión.
2. Reducir la tasa de rebote.
3. Conseguir que los usuarios encuentren lo que están buscando y genere esa curiosidad de poder conocer más contenido, creando un diseño consistente e intuitivo.

¿Cómo logramos nuestros objetivos de mejora? 

Análisis más exhaustivo de los pain points encontrados en su sistema de diseño y en su estructura de contenidos

Hicimos un estudio más a fondo de todos los elementos de su sistema de diseño:

• Destacamos los puntos débiles de cada uno de los elementos.
• Vimos los casos de uso y anotamos las necesidades de mejora.
• Revisamos la estructura del contenido en la página actual.

En la fase de descubrimiento del proyecto, nos sumergimos en una etapa de profunda introspección y análisis. Este proceso fue crucial para identificar las áreas críticas que necesitaban atención. 

Nuestro equipo se enfocó en desglosar cada componente del sistema de diseño de la página web de banca online y su estructura de contenido. Al hacerlo, pudimos desentrañar una serie de hallazgos significativos que eran fundamentales para comprender los desafíos a los que nos enfrentábamos. 

Estos fueron nuestros descubrimientos:

• Call to actions que pasaban desapercibidos e inconsistencias en tamaños y uso de color en componentes con el mismo objetivo.
• Identificamos un margen de mejora en las estructuras generales y vimos que la información se podía ordenar de forma que fuese más sencillo entenderla por parte de los usuarios. Además, no había elementos que incitasen la exploración de nuevo contenido (como enlaces a otras páginas relacionadas).
• Carencia de elementos que informasen al usuario dónde estaba o qué podía encontrar dentro de cada página (no hay migas de pan o en el menú de navegación no remarca dónde está el usuario).
• Textos con información muy técnica, que dificultaba el entendimiento del mismo.
• Elementos importantes, como la suscripción a la newsletter o la prueba del servicio que ofrecen, se situaban al final de la página.
• El diseño en mobile estaba muy compactado y era difícil leer el contenido.

Aplicar las mejoras en base a los pain points encontrados

Una vez analizamos los pain points encontrados en el análisis, tanto del sistema de diseño como de la estructura actual, anotamos las mejoras a realizar tanto en los componentes y la estructura de cada página, así como la navegación entre las mismas. La solución que propusimos para estos tres bloques fundamentales fueron:

• Mejorar los componentes de forma que mantengan consistencia, se cumplan con los contrastes de color, informen al usuario de como deben ser usados y que puede esperar al interactuar con ellos.
• Diseñar un formato de enlaces y call to actions consistente que ayuden al usuario a predecir que va a suceder antes de hacer clic.
• Definir una arquitectura de la información, con el fin de mejorar la navegación transversal mediante el uso de enlaces a páginas y recomendación de noticias relacionadas. 
• Ofrecer un sistema de navegación de migas de pan para que el usuario sepa en todo momento en dónde se encuentra.
• Utilizar un lenguaje claro y preciso para mejorar la comprensión de la información proporcionada en la web.
• Situar los elementos o bloques más importantes en la parte superior de cada pantalla.
• Crear una estructura con suficiente aire o espacio en blanco, para que cada bloque sea fácil de identificar. También mejoramos el sistema de tablas para facilitar la comparación entre los elementos independientemente (sobre todo para la versión mobile).

Realizar reuniones con cliente semanales para contrastar las mejoras

Como sabemos, una colaboración efectiva con nuestro cliente es esencial para asegurar que las expectativas del proyecto se cumplan y que el resultado final sea satisfactorio.

• En primer lugar, antes de comenzar tuvimos una conversación detallada con el cliente para comprender sus objetivos, visión y requisitos para su producto de banca online.
• Después definimos metas claras para el proyecto desde el principio y aseguramos que ambas partes estuviésemos alineadas tanto en resultados esperados como en plazos de entrega.
• Realizamos reuniones semanales que incluyan los avances en el diseño y los siguientes pasos, así como resolver cualquier duda que surgiese.

Rediseñar varías páginas con las mejoras aplicadas y entrega de los diseños

Una vez que terminamos el sistema de diseño, realizamos el rediseño de las páginas más importantes, aplicando las mejoras que ofrecimos para cada uno de los pain points encontrados. 

Realizamos un prototipo comparando la página actual con el nuevo diseño para facilitar el contrastar entre una opción y otra.

Conclusión

La creación de una nueva estructura más organizada, un sistema de diseño más consistente y un lenguaje más claro ayudará a que el usuario pueda:

• Entender mejor la información.
• Descubrir más contenido y aprender más sobre los sistemas de inversión.
• Recibir ayuda en la toma de decisiones relacionadas con su capital.

Y con estas mejoras se cumplirán los objetivos de:

• Incrementar la navegación transversal entre las páginas. 
• Incrementar el número de suscripciones al boletín y a solicitar más información.
• Incrementará el número de usuarios que confíen en la web.

Al concluir este proyecto, hemos logrado más que simplemente alcanzar nuestros objetivos iniciales. Hemos establecido un nuevo estándar en la web de nuestro cliente, mejorando significativamente la interacción y la experiencia del usuario. La implementación de soluciones como una navegación más intuitiva y contenido accesible ha reforzado la confianza en la plataforma.