Volta Moto
Rediseño del sitio web de Volta Moto: jerarquía, claridad y conversión.
Estética con estratégia
El sitio tiene exceso de elementos compitiendo entre sí: promociones, badges, iconos y navegación duplicada generan ruido visual. Falta jerarquía clara y coherencia en estilos de botones y CTAs. La información no está estratégicamente priorizada y todo se percibe comprimido. La experiencia es funcional, pero no optimizada para claridad ni conversión.
Cambios necesarios
Simplificar y jerarquizar contenidos, reduciendo promociones innecesarias. Unificar estilos visuales y reforzar un CTA principal claro. Eliminar duplicaciones en navegación móvil. Reorganizar ficha de producto agrupando precio, descuento y stock en un bloque más potente. Más aire, menos ruido y mayor foco en el producto.
Demasiados estímulos visuales:
Banner, packs, descuentos, iconos sociales… todo compite por atención y diluye el foco principal.
Jerarquía débil del precio:
El precio y el descuento no están integrados como un bloque de decisión fuerte; visualmente no domina lo suficiente.
Exceso de bloques secundarios:
Stock, envío y descripción compiten con el CTA en lugar de reforzarlo.
Saturación de descuentos:
Todos los productos tienen el -30%, lo que elimina sensación de urgencia y hace que el descuento pierda valor percibido.
Inconsistencia en botones:
Algunos dicen “Añadir al carrito” y otros “Menor por precio”, generando confusión en la acción principal.
Los objetivos estaban claros.
Definimos seis pilares estratégicos para transformar la experiencia. No se trataba solo de mejorar lo visual, sino de optimizar jerarquía, claridad y conversión en cada interacción.
Reducir Ruido Visual y
Saturación Promocional
Unificar CTAs y
Lenguaje de Acción
Reforzar la Jerarquía y
Dirección de Compra
Simplificar la Navegación
Móvil
Mejorar Aire, Espaciado
y Legibilidad
Priorizar el Producto como
Protagonista
Qué se ha cambiado y porqué.
Reducción del Ruido Visual
En la versión anterior, la interfaz presentaba una saturación promocional constante: múltiples descuentos repetidos, etiquetas y estímulos compitiendo por atención. En la nueva propuesta se ha reducido el ruido visual, limitando la presencia de promociones y otorgando mayor protagonismo al producto. Esta decisión mejora la claridad, aumenta la percepción de valor y evita que el descuento pierda impacto por repetición excesiva.
Unificación de la Acción Principal
Antes, los llamados a la acción eran inconsistentes tanto en texto como en jerarquía visual, generando fricción en la toma de decisiones. En la nueva versión se ha unificado el CTA principal, manteniendo coherencia en estilo, color y mensaje a lo largo del flujo. Esto aporta claridad, reduce ambigüedad y facilita una navegación más intuitiva orientada a conversión.
Nueva Jerarquía de Información
La jerarquía visual del precio y la información clave estaba fragmentada en la versión anterior, obligando al usuario a procesar demasiados elementos por separado. En el rediseño se reorganizan nombre, precio y mensaje principal bajo una estructura más clara y dominante. Esto permite decisiones más rápidas y una lectura más eficiente.
Navegación Simplificada
La navegación móvil anterior presentaba duplicaciones y falta de coherencia estructural. n la nueva propuesta se simplifica el sistema de navegación, integrando un menú dinámico más limpio, jerárquico y contextual. El resultado es una experiencia más fluida, predecible y alineada con estándares actuales de usabilidad.
De Promocional a Aspiracional
La versión anterior priorizaba descuentos y estímulos comerciales. La nueva apuesta por un hero potente, oscuro y emocional que eleva la percepción de marca y calidad.
Mensaje Claro y Enfoque Estratégico
El claim principal y el CTA “Explora la colección” están mejor integrados y jerarquizados. Se guía al usuario con un único mensaje fuerte en lugar de múltiples impactos visuales simultáneos.
Navegación Depurada
El menú pasa de una estructura más cargada y redundante a una lista clara, vertical y jerárquica. Esto mejora la orientación del usuario y reduce fricción en el acceso a categorías.
Consistencia Visual con la Marca
El contenedor del menú mantiene coherencia con el sistema visual general (bordes, sombras, espaciado), reforzando identidad y sensación de producto digital cuidado.
Jerarquía Fuerte y Enfoque en Producto
El rediseño amplía la imagen y reorganiza título y precio en un bloque más sólido y legible. En la versión anterior, la información competía entre sí; ahora la estructura guía la mirada de forma natural hacia la decisión de compra.
Selección Más Limpia y Sin Fricción
Las opciones de talla y color se simplifican visualmente. Se elimina ruido innecesario y se prioriza el CTA principal, reduciendo carga cognitiva y facilitando una conversión más rápida.
Menos Saturación, Más Protagonismo
En la versión anterior, el listado estaba sobrecargado de descuentos y elementos secundarios que competían entre sí. En la nueva propuesta se reduce el ruido visual, se simplifican etiquetas y se da mayor peso a la imagen del producto. Esto mejora la claridad y aumenta la percepción de calidad.
Acción Centralizada y Accesible
Se incorpora un CTA inferior flotante claro y dominante (Filtrar / Favoritos / Carrito). Antes, las acciones estaban dispersas; ahora se concentran en un único punto estratégico, mejorando accesibilidad y usabilidad móvil.
¿Qué se ha observado?
Tras el rediseño se realizó un análisis comparativo para medir impacto real en comportamiento y conversión. Estos son los resultados obtenidos.
+10%
Conversión Global
+11%
CTR en Promociones Clave
+14%
Home → PLP Journey
+15%
Engagement en Home
+90%
Uso de AR Try On
+40%
Explore → Order desde Home
En conculsión
Con el proyecto finalizado y una vez puesto a prueba bajo un programa de bench-marking para observar las mejoras. Confirmamos el cambio y el incremento de engagement y dirección de usuario. La implementación de los menús dinámicos llama la atención provocando el uso e interacción con el usuario.
Navegación inferior duplicada:
Aparecen dos barras similares, lo que transmite desorden estructural.