Impulsando resultados: una optimización de CRO y UX para WeatherTech Europa

WeatherTech es una marca líder en Norteamérica de accesorios automotrices prémium, alfombras para el hogar y productos para mascotas. Su filial europea vende a través de weathertech.ch, una tienda Shopify con un catálogo de miles de productos específicos para vehículos. Hemos trabajado con el equipo desde el inicio de su negocio omnicanal en Suiza, encargándonos del tema, la experiencia de usuario, el SEO y las integraciones que sustentan la tienda. Este artículo aborda el trabajo realizado en la navegación, la estructura y la página de producto, y hace referencia a los proyectos relacionados que surgieron a partir de este.

Resumen del proyecto

La marca cuenta con una sólida línea de productos, pero un catálogo de este tamaño es difícil de navegar. Casi todos los productos están hechos a medida para una marca, modelo y año específicos, por lo que el cliente debe encontrar su vehículo antes que cualquier otra cosa. La división suiza y europea nos pidió mejorar el rendimiento, la usabilidad y la visibilidad de la tienda en las búsquedas. El sitio resultaba engorroso, los artículos más importantes eran difíciles de encontrar y las páginas de producto no rendían lo esperado.

El objetivo era reestructurar la navegación y las colecciones, acortar el recorrido hasta la compra y facilitar el acceso al contenido más valioso, sin alejarse de la identidad práctica y orientada al rendimiento de la marca.

Objetivos

Nos centramos en rediseñar el recorrido del cliente en torno a la usabilidad y la conversión, al tiempo que sentábamos unas bases sólidas para el posicionamiento en buscadores. La navegación debía ser sencilla, el contenido de los productos convincente y estar bien ubicado, y la confianza debía establecerse desde el principio.

• Ayudar a los clientes a encontrar su vehículo rápidamente Dejar claro cómo pasar de la página de inicio a las alfombras adecuadas en el menor número de clics posible.
• Mejorar la navegación Una jerarquía clara de categorías, marcas y colecciones que reduzca las fricciones durante la compra.
• Una página de producto más clara Datos importantes, precio, garantías y el botón de añadir al carrito donde los compradores esperan encontrarlos, tanto en dispositivos móviles como en ordenadores.
• Sentar unas bases para el posicionamiento en buscadores Migas de pan, datos estructurados y una estructura de colecciones que reflejen cómo buscan las personas.

Lo que hemos creado

Una página de inicio que empieza por el vehículo

La página de inicio presenta un carrusel a pantalla completa con los productos más importantes de la temporada y, justo debajo, un buscador de marca, modelo y año: «Encuentra las alfombras para tu coche, el maletero y los parasoles». El comprador selecciona su vehículo y accede a los productos compatibles. En la parte superior, una barra rotativa muestra la oferta de envío y la promoción actual, mientras que el encabezado muestra la puntuación de reseñas de la tienda, junto con los selectores de idioma y país y los accesos a la búsqueda, la cuenta y el carrito.

Navegación con una jerarquía clara

Hemos reconstruido la navegación principal en función de cómo compran los clientes. «Comprar por catálogo» abre un megamenú con cinco grupos claros: colecciones destacadas (más vendidas, novedades, vehículos con volante a la derecha, ofertas y tarjetas de regalo), protección interior, protección exterior, hogar y empresas, y mascotas. Un segundo menú, «Comprar por marca», enumera las marcas de vehículos en orden alfabético para los clientes que buscan según la marca de su coche en lugar de un tipo de producto.

Explorar por categoría

Más abajo en la página de inicio, las tarjetas de categoría muestran cada grupo principal con sus colecciones más importantes listadas directamente en la tarjeta, para que los clientes puedan acceder a una colección sin abrir el menú.

Páginas de colecciones que funcionan para las personas y para los buscadores

Cada colección comienza con un encabezado claro y una breve introducción que explica el producto, con un enlace de «Mostrar más» para el texto más extenso, que también ayuda al posicionamiento en buscadores. Una fila de logotipos de marcas de vehículos convierte la colección en un acceso rápido a una marca específica, mientras que un control de ordenación y un filtro de categorías facilitan el resto de la búsqueda. Las migas de pan muestran dónde se encuentra el cliente en la jerarquía.

Una página de producto centrada en la compatibilidad y la confianza

La página de producto presenta lo esencial en la primera pantalla: el nombre del producto, el estado del stock, las principales ventajas (hecho a medida para cada vehículo, 100 % impermeable, bordes altos para evitar fugas de líquidos), el precio con IVA incluido, una reseña de un cliente, la selección de color y el botón de añadir al carrito. Debajo del botón, un recuadro oscuro repite las promesas importantes en el momento de decidir: garantía limitada de por vida, devoluciones en un plazo de 30 días y envío gratuito a partir de 100 CHF. A la derecha, una tabla de «Compatible con» indica exactamente a qué vehículos se adapta el producto, con marca, modelo, años, código de modelo y ubicación, para que los clientes puedan comprobarlo antes de comprar.

En un teléfono

En dispositivos móviles, el encabezado se reduce a un botón de menú con la búsqueda, la cuenta y el carrito; el buscador de vehículos se sitúa justo debajo del banner principal; las colecciones ofrecen un botón de filtros y un control de ordenación uno al lado del otro; y la página de producto muestra el título, el estado del stock y la valoración por encima de una imagen a pantalla completa.

Cómo trabajamos

Auditoría de UX y mapa del sitio

Analizamos cómo usan los clientes la tienda, su rendimiento en las búsquedas y las carencias de contenido, y definimos una nueva estructura para las colecciones, categorías y migas de pan.

Rediseño de la navegación y el diseño

Reconstruimos la navegación principal y las páginas de colección con una jerarquía más clara y una mejor agrupación de categorías, y destacamos los elementos que generan confianza cerca de la parte superior.

Optimización de la página de producto

Mejoramos la disposición del contenido, colocamos las especificaciones clave y las llamadas a la acción más arriba en la página, añadimos recursos visuales para mostrar los casos de uso y aclaramos las ventajas del producto.

SEO y CRO trabajando en conjunto

Perfeccionamos las migas de pan, añadimos datos estructurados, mejoramos el enlazado interno y nos aseguramos de que la jerarquía de colecciones refleje cómo buscan las personas.

Más allá del tema

El trabajo continuó más allá de la tienda. Conectamos la tienda con el mercado de Galaxus y configuramos una sincronización diaria del stock del proveedor para que la tienda pueda vender productos en preventa, cubiertos en Channable para WeatherTech. También trabajamos en cómo se gestionan desde el proveedor en Alemania los pedidos para Francia y Luxemburgo.

Resultado

La tienda europea de WeatherTech ahora tiene una estructura más clara: un buscador de vehículos en la página de inicio, una navegación que agrupa un catálogo muy amplio en secciones comprensibles, páginas de colecciones que guían e informan, y una página de producto que muestra la compatibilidad, el precio y las garantías juntos.

• Navegación y estructura de colecciones reconstruidas con una jerarquía más clara
• Buscador de vehículos en la página de inicio y navegación por marca
• Página de producto con especificaciones clave, garantías y tabla de compatibilidad
• Migas de pan, datos estructurados y enlazado interno perfeccionados para el posicionamiento en buscadores
• Diseño adaptable a todos los dispositivos

Comentarios del cliente

Alek ha estado con nosotros desde el primer día de nuestro negocio omnicanal en Suiza y dirige el diseño de la experiencia de usuario, el comercio electrónico y la presencia general en línea, desde la experiencia del consumidor hasta la logística. Está extremadamente bien organizado, es tenaz y ofrece comentarios críticos sobre los problemas principales. Tiene un gran dominio técnico de nuestra tecnología de backend de Shopify, resuelve los problemas rápidamente y ha estado fantásticamente disponible durante los últimos 18 meses. Lo que me gusta es que es brutalmente honesto, pero aconseja el mejor camino a seguir y trabaja bien con nuestros otros socios.

— David P., director ejecutivo, WeatherTech