Caso de estudio — Volvik
Decidir menos.
Decidir mejor.
Volvik vende pelotas de golf de alto rendimiento en decenas de modelos, colores y packs con licencia. La página de producto tenía que reunir la comparación de modelos, la elección de color, el tamaño del pack y los bundles sin convertir una compra de $35 en una tarea.
01Contexto
Una pelota,
mil formas de comprarla.
La gama de Volvik se divide por modelo (Vivid Soft, Condor, Condor X), por color, por tamaño de pack y por colecciones con licencia, como los sets de Marvel. En la página original, todas esas opciones competían por el mismo espacio.
El encargo era rediseñar la página de producto con foco en la conversión: mantener todas las opciones, pero ordenarlas para que un golfista pase de “qué pelota” a “qué pack” sin tener que releer la página.
Escritorio y móvil se diseñaron como una sola página, así que las decisiones de modelo, color y pack siguen el mismo orden en ambos.
Primero comparar.
Luego configurar.
02Decisión de producto
Modelos lado a lado,
no escondidos en un desplegable.
El selector de modelos muestra cada pelota como una tarjeta con su sensación, notas de control y precio, así la comparación ocurre en la página y no entre tres pestañas. Las muestras de color están justo debajo y la galería sigue la selección.
03Bundles y complementos
Packs más grandes y sets de regalo,
con el precio en contexto.
El ahorro por varias docenas y el umbral de envío gratis se muestran dentro del configurador, y los packs con licencia ofrecen el set de regalo y el set del jugador como complementos, con el ahorro indicado. La venta adicional se lee como el siguiente paso, no como un pop-up.
04Colección
Filtros a la medida
del golfista.
La página de la colección Marvel filtra por modelo de pelota, color, personaje, película y sensación, y la franja de los cuatro héroes vende el set cuando la cuadrícula no lo hace. La lógica del catálogo de Volvik se convirtió en la navegación.
A continuación: la experiencia móvil
05Móvil
Las mismas decisiones,
al alcance del pulgar.
En el teléfono, la galería, las tarjetas de modelos y las muestras de color se apilan en el mismo orden que en escritorio, y el módulo de bundles mantiene visible el ahorro antes de la barra para añadir al carrito.
Todas las opciones.
Ninguna estorba.
Los packs con licencia usan el mismo sistema de página: selector de personaje, set de complementos y módulo de bundles, con el arte haciendo la venta.
Más proyectos
Más proyectos.
El mismo criterio.
Una muestra más amplia de proyectos de eCommerce, SaaS y web. DeslizaDesplázate para recorrerlos y abre los que te interesen.
eCommerce · CRO
Flowell — optimización de conversión en eCommerce
Tienda online y páginas de producto rediseñadas para explicar mejor el producto y dar más confianza en el camino a la compra.
Ver caso de estudio Flowell — optimización de conversión en eCommerce
eCommerce · Shopify
GoodDay Optics — rediseño de eCommerce en Shopify
Rediseño de la tienda online de una marca de gafas: inicio, colecciones y páginas de producto pensadas para convertir.
Ver caso de estudio GoodDay Optics — rediseño de eCommerce en Shopify
eCommerce · Diseño web
West Coast Confection — sitio de eCommerce
Una tienda divertida para una marca de galletas: menú, páginas de producto y carrito pensados para pedir rápido.
Ver caso de estudio West Coast Confection — sitio de eCommerce
SaaS · UX de producto
Vanketo — portal para clientes y empleados
UX/UI de un portal de gestión de pedidos: los clientes siguen sus pedidos y el equipo los procesa, con una sola interfaz para ambos.
Ver caso de estudio Vanketo — portal para clientes y empleados
eCommerce · UX/UI
Collections — UX/UI de un eCommerce de muebles
Inicio, colecciones y páginas de producto para una tienda de muebles, diseñadas primero para el móvil.
Ver caso de estudio Collections — UX/UI de un eCommerce de muebles
App móvil · Diseño de producto
PickMeUp — UX/UI de una app de transporte
Caso de estudio de una app de movilidad: destino, elección del vehículo y flujo del viaje, diseñados para Venezuela.
Ver caso de estudio PickMeUp — UX/UI de una app de transporte
¿Tu proyecto tiene
un reto similar?
Comparte el producto, la página o el embudo que quieres mejorar. Recibirás una respuesta directa sobre si encajamos, el alcance y los plazos.
Estudio independiente: trabajas directamente con Dylan Allynder.
