WEB FARRUTX

farrutx farrutx farrutx farrutx farrutx farrutx farrutx

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)

imagen persona

De estos datos se deduce:

Mobile

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

Mac Macbook Ipad
mano-movil
Plant 1 Plant 2 Plant 3 Plant 4

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.

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

Arquitectura de información original Arquitectura de información original Arquitectura de información original

Propuesta de menú

Propuesta de menú sin desplegar
Propuesta de menú desplegado

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

  1. Estimular la sensación de elegancia usando con generosidad el espacio negativo.
  2. Facilitar la selección de elementos
  3. 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

Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil Arquitectura de información movil