Pago más rápido
6 min de lectura
400K+
Productos online
35%
Descubrimiento más rápido
£8.2M
Ingresos adicionales
Resumen
Los clientes de John Lewis se enfrentaron a un catálogo abrumador: más de 400.000 productos de hogar, moda y electrónica. El descubrimiento de productos estaba fragmentado y el proceso de compra se sentía lento. La oportunidad era mejorar el descubrimiento y reducir el tiempo de compra, impulsando la conversión y la satisfacción.
Mi rol
I led product strategy and UX design for John Lewis eCommerce, focusing on product discovery and checkout optimisation across 400K+ SKUs.
La oportunidad
A los clientes de John Lewis les encantaba la marca, pero se perdieron entre más de 400.000 productos.
La operación de comercio electrónico de John Lewis, valorada en 15 000 millones de libras, se enfrentó a problemas de conversión en su catálogo de más de 400 000 productos, donde los clientes tenían dificultades para descubrir productos en las páginas de categorías. A pesar de la sólida fidelidad a la marca de sus 23 millones de clientes, la experiencia de comercio electrónico se veía afectada por un filtrado ineficiente que no permitía encontrar productos relevantes rápidamente, mientras que la función de Vista Rápida existente carecía de optimización de compras. Con el 60 % del tráfico minorista procedente de dispositivos móviles y la creciente competencia de Amazon y las marcas de venta directa al consumidor, incluso una pequeña fricción en la experiencia de usuario se traducía en millones en pérdidas de ingresos.
La solución
Descubrimiento sin interrupciones: filtros inteligentes, vista rápida y diseño orientado a la conversión
Una renovación integral de la experiencia de usuario (UX) se centró en tres puntos de conversión críticos del recorrido del cliente.
El Filtrado de Productos Mejorado introdujo un filtrado inteligente con recuentos de resultados en tiempo real, combinaciones de filtros guardadas y recomendaciones basadas en IA basadas en el comportamiento de navegación.
La Vista Rápida Optimizada evolucionó de una vista previa básica del producto a una experiencia completa de microcompra con selección de talla y color, opciones de envío e integración con el pago con un solo clic.
Las PLP y PDP rediseñadas implementaron diseños optimizados para el rendimiento con una carga de imágenes mejorada, una jerarquía optimizada de la información del producto y widgets de venta cruzada mejorados que aumentaron el valor promedio del pedido mediante recomendaciones estratégicas de "Estilo a la moda".
El impacto
Un descubrimiento de productos un 35 % más rápido generó unos ingresos anuales de 8,2 millones de libras
La renovación de la experiencia de usuario (UX) generó resultados medibles en los tres puntos de conversión. El filtrado de productos mejorado y la vista rápida optimizada redujeron el tiempo de entrega del producto en un 35 %, mientras que los PLP y PDP rediseñados impulsaron una mayor interacción y un mayor valor promedio del pedido gracias a una mejor venta cruzada. El impacto combinado se tradujo en 8,2 millones de libras esterlinas en ingresos anuales adicionales, con una mejora significativa en las tasas de finalización de compra y la conversión móvil. John Lewis consolidó su posición como minorista centrado en el diseño, aprovechando oportunidades de conversión previamente perdidas en un panorama competitivo de comercio electrónico.
Lecciones aprendidas
- Live counts and saved filter combinations cut restart friction on ranges too large to browse blind.
- £8.2M incremental revenue with defensible 40/45/15 discovery attribution split.
- Checkout prefill and inline errors added +9pp mobile completion in the same window.
Testimonio
“Gagan tiene habilidades de diseño UX de primer nivel junto con sólidas habilidades de gestión de partes interesadas.”
En el producto
Saved combinations cut repeat browse time — 35% in testing. Placeholder SVG — replace with annotated screenshot (see project-documentation/CASE_STUDY_PROOF_ARTEFACTS.md).
Full overlay beat lightweight preview — +12% add-to-basket from listings. Placeholder SVG — replace with annotated screenshot (see project-documentation/CASE_STUDY_PROOF_ARTEFACTS.md).
Trust block placement linked to clearer hierarchy workstream. Placeholder SVG — replace with annotated screenshot (see project-documentation/CASE_STUDY_PROOF_ARTEFACTS.md).
Checkout stream — prefill and error recovery on mobile. Placeholder SVG — replace with annotated screenshot (see project-documentation/CASE_STUDY_PROOF_ARTEFACTS.md).
- Descargar todas las imágenes
Medios en esta historia
Más
¿Listo para el siguiente paso?
Elige el plan adecuado para tu equipo.