Zasracing

Rediseño de la tienda online Zasracing, para mejorar la identidad de marca, actualizar su diseño visual y mejorar la experiencia de usuario. En este rediseño se ha buscado resaltar las categorías de productos y usabilidad de la tienda online.

Problema

El e-commerce presentaba una estructura poco clara para navegar, generando fricción en la experiencia de usuario. Los usuarios tenían dificultades para encontrar productos, lo que ocasionaba pérdida de tiempo, frustración y abandono del proceso de compra.

Objetivo

Reorganizar la arquitectura de información y mejorar la experiencia  de usuario en general, teniendo una navegación más equilibrada, con funciones de búsqueda y filtros creando una interfaz moderna pero sobre todo amigable con el usuario, que facilite la exploración del catálogo y aumente la conversión.

Insights

  • Los usuarios necesitan una navegación coherente en la que puedan encontrar rápidamente el producto que buscan y la información necesaria. 
  • La mayoría navega desde móvil, por lo que requieren categorías simples, filtros visibles y fichas de producto visualmente equilibradas.
  • El contenido visual (fotos reales, detalles técnicos, reseñas) influye decisivamente en la compra.

Puntos de Dolor

  • Navegación confusa entre categorías, subcategorías y marcas.
  • Filtros insuficientes o poco visibles, dificultando encontrar repuestos compatibles.
  • Fichas de producto extensas sin jerarquía clara, lo que complica comparar y tomar decisiones.

Decisiones de diseño

  • Rediseño completo de la arquitectura del sitio, agrupando productos por categoría y compatibilidad para acelerar la búsqueda.
  • Inclusión de filtros visibles desde el primer scroll en móvil, priorizando compatibilidad y especificaciones clave.
  • Nueva ficha de producto con jerarquía clara, información técnica organizada, galería amplia y CTA bien posicionado.
  • Uso de una estética visual inspirada en el mundo del motociclismo.

Sitemap

User Flow

Wireframe

UI Kit

Look & Feel

Móvil UI

Desktop UI

Resultado

El nuevo diseño permitió una experiencia de compra más fluida, clara y confiable, facilitando la búsqueda por compatibilidad e incrementando la tasa de conversión.