Banca futuro

Renovación de la tienda online siendo la usabilidad y el diseño de la interacción los ejes centrales de este rediseño. Los objetivos eran promocionar el uso y aumentar las ventas a través de este medio.

En base a los datos de conversión de la marca, pudímos saber que el principal usuario era:

Usuario: Mujer
Rango de edad: 45 - 65 años (perfil muy mayor)
Poder adquisitivo: Alto
Capacidad tecnológica: Media o Media / alta
Dispositivo preferido: Móvil (Iphone)

Aunque por su posición económica y porque el principal medio sea el móvil se puede deducir una capacidad de manejo de tecnologías mayor, no hay que olvidar que su vista y capacidad para moverse es más limitada.

Para ello:

- Tamaño de textos más grandes y más contrastados.
- Estructura del menú divida en dos partes, para facilitar el uso del mismo con una sola mano de las funciones más importantes, que son las que están en la barra inferior, más cerca de la mano.
- Navegación con pocos pasos y pocas opciones en cada uno de ellos, para reducir en la medida posible el desgaste mental del usuario.

En la versión para ordenador, al pasar por encima el ratón sobre un producto, ofrecemos la información más relevante así como varias posibilidades al usuario para darle mayor control, de esta manera promover la continuidad de varias compras y mejorar la experiencia de compra.

Esto se hace al pasar por encima con el cursor para reducir el ruido visual y aportar una sensación de elegancia y limpieza.

Añade el producto a la cesta de compra directamente.

Añade el producto a la cesta de compra directamente.

Si el usuario hace click en cualquier otro sitio de la caja, accederá a la vista detalle del producto.

En la versión móvil, esta vista detalle y vista previa se unifican a modo de ahorrar y acelerar la carga de la pantalla y simplificar la navegación.

Se realiza un trabajo de arquitectura de información, pasando de una estructura que repetía elementos a esta otra que facilita al usuario encontrar lo que busca.

Arquitectura de información original

Propuesta de menú

Usamos un "mega-menú" a pantalla completa para:

Estimular la sensación de elegancia usando con generosidad el espacio negativo.
Facilitar la selección de elementos
Hacer el menú muy escalable, es decir, dar al cliente la libertad para cambiar el contenido y añadir y quitar elementos sin preocuparse de rediseñarlo.

En la versión móvil se hace aún más evidente la necesidad de este rediseño de la arquitectura de información

WEB FARRUTX

En base a los datos de conversión de la marca, pudímos saber que el principal usuario era:

De estos datos se deduce:

1. La navegación móvil es la prioridad

Arquitectura de información original

Propuesta de menú