Rediseño de la página de producto con enfoque móvil para Superbra

SuperBra es una marca neerlandesa de lencería y trajes de baño con tres tiendas físicas y una tienda online, conocida por sus asesorías expertas para elegir sujetadores, su oferta de tallas inclusivas y su atención personalizada. Sus clientas reciben asesoramiento cálido y paciente en la tienda, y la tienda online necesitaba transmitir esa misma sensación. Rediseñamos la página de producto pensando en las usuarias que compran desde el móvil, situando la información clave, la guía de tallas, las reseñas y las promesas de entrega en la primera pantalla, y desde entonces no hemos parado de mejorar la tienda: páginas más rápidas, una navegación más sencilla y una gestión de pedidos más eficiente. Este artículo detalla el rediseño de la página de producto y cómo ha evolucionado a partir de entonces.

Resumen del proyecto

SuperBra cuenta con una clientela fiel y una reputación basada en sus asesorías, su oferta de tallas inclusivas y su excepcional atención en tienda. Sin embargo, la tienda online no ofrecía la misma experiencia. El tráfico desde dispositivos móviles crecía, el mercado de la lencería era competitivo y una página de producto que obligaba a las usuarias a desplazarse para encontrar el precio, el selector de tallas o algún motivo para confiar en la tienda no conseguía sustituir adecuadamente a una dependienta.

El objetivo era trasladar a la página de producto la calidez, la confianza y el asesoramiento de las tiendas: reducir los obstáculos, aumentar la confianza y hacerlo sin perder el tono de la marca ni su atención hacia las clientas.

Objetivos

El objetivo principal era reducir la brecha entre la experiencia en tienda y el recorrido online, generando confianza, mejorando la usabilidad y proporcionando a las usuarias las herramientas necesarias para comprar con confianza.

• Mejorar la experiencia de compra desde el móvil Rediseñar la página de producto para dispositivos móviles para la mayoría de las usuarias que visitan la tienda.
• Reducir los obstáculos en el camino hacia el carrito Identificar y eliminar los puntos en los que las usuarias dudan o abandonan la compra.
• Aclarar la información del producto y las indicaciones sobre el ajuste Ayudar a las clientas a elegir la talla adecuada con confianza, tal como lo haría una experta en la tienda.

Qué hemos cambiado

Trabajamos en cuatro aspectos de la página de producto: cuánta información clave es visible a la vez, la facilidad de navegación por la tienda, la visibilidad de las reseñas y las promesas, y la claridad con la que la página incentiva el envío gratuito.

Información clave antes del primer desplazamiento

Antes, una usuaria que accedía desde el móvil veía una foto grande y tenía que desplazarse para encontrar el nombre del producto, el precio y la talla. Tras el rediseño, la primera pantalla muestra la galería enmarcada con miniaturas, la valoración de las reseñas, el nombre del producto y de la marca, el precio y el selector de tallas, por lo que las principales decisiones de compra son visibles sin tener que desplazarse.

Un selector de tallas con asesoramiento sobre el ajuste

El selector de tallas se denomina «SuperBramaat», el sistema de tallas propio de SuperBra, y se encuentra junto a un enlace de «Maatadvies» (asesoramiento sobre tallas), que ofrece la orientación de una experta justo en el momento en que la usuaria debe elegir. Debajo del botón de añadir al carrito, un enlace para «consultar el stock de la tienda» permite a las clientas ver qué artículos están disponibles en las tiendas físicas.

Reseñas y promesas siempre visibles

La página muestra la valoración de la tienda en Google (4,8 sobre 5, basada en más de 500 reseñas de las tiendas) justo debajo del botón de compra, y una barra en la parte superior de la página repite las promesas más importantes: entrega en un plazo de 2 a 5 días laborables, envío gratuito a partir de 75 € y 14 días para realizar devoluciones, junto con la puntuación de las reseñas y un enlace a las tiendas.

Una barra de progreso para el envío gratuito

Una barra de progreso situada debajo del bloque de compra muestra cuánto más debe añadir una clienta para alcanzar el envío gratuito, de modo que el importe mínimo se convierte en un dato que las usuarias pueden ver y aprovechar, en lugar de aparecer en letra pequeña en el pie de página.

Una navegación más sencilla

En el móvil, el encabezado se reduce a un menú, un buscador, el logotipo, la lista de favoritos y el carrito. En el escritorio, un campo de búsqueda se sitúa en el centro del encabezado; debajo, un menú agrupado (comprar por talla, lencería, trajes de baño, ropa deportiva, ajuste perfecto y marcas), y el enlace «Afspraak maken» (reservar una cita) destaca en forma de botón, ya que reservar una asesoría es el servicio más importante que ofrecen las tiendas.

Cómo trabajamos

Auditoría

Revisamos la página de producto y la navegación móvil junto con el equipo de SuperBra, analizando cómo utilizan las clientas la página desde el móvil y en qué momentos la página les obligaba a realizar más esfuerzos de los que una dependienta habría requerido.

Rediseño

Rediseñamos la página de producto y la navegación móvil para mejorar la claridad, la facilidad de uso y la coherencia con la marca, utilizando los colores, el logotipo y el tono propios de SuperBra.

Implementación

Incorporamos los cambios al tema de la tienda y los comprobamos en una copia antes de publicarlos, para que la tienda en producción permaneciera intacta mientras trabajábamos.

Desde entonces

La colaboración con SuperBra es continua y el trabajo ha ido más allá de la página de producto. Rediseñamos la forma en que se cargan las imágenes, posponemos la carga de los scripts no esenciales y reescribimos la galería de productos para que la tienda fuera mucho más rápida, tal como explicamos en De la D a la A: cómo hicimos más rápida la tienda de SuperBra. También organizamos la gestión de pedidos repartidos entre tres ciudades, tema que tratamos en Cómo domar el caos de múltiples ubicaciones.

Resultado

La tienda online de SuperBra cuenta ahora con una página de producto optimizada para dispositivos móviles que muestra el precio, el selector de tallas, el asesoramiento sobre el ajuste, las reseñas y las promesas de entrega en el momento en que las usuarias toman su decisión, en consonancia con la atención personalizada por la que son conocidas las tiendas.

• Rediseño de la página de producto optimizado para dispositivos móviles y con un recorrido más claro
• Información clave, asesoramiento sobre el ajuste y pruebas sociales antes del primer desplazamiento
• Barra de progreso para el envío gratuito y navegación más sencilla
• Encabezado que destaca la opción de «reservar una cita»

Comentarios del cliente

Tengo el placer de colaborar de forma continuada con Alek en mi plataforma Shopify (tres tiendas físicas y una tienda online).

Se esfuerza al máximo para comprender las necesidades de mi empresa y proponer soluciones adecuadas.

Ofrece siempre resultados excelentes y sus habilidades de comunicación son fantásticas. Responde rápidamente a las consultas, proporciona actualizaciones claras sobre el progreso y siempre está dispuesto a abordar cualquier pregunta o inquietud que surja.

— Floor V.P, directora ejecutiva de la marca SuperBra