Caso de estudioKyle Cavan
El cliente
Kyle Cavanuna tienda Shopify hecha para convertir — y para crecer
Kyle Cavan es una marca de joyería de Nueva York en Shopify con mucho tráfico móvil.
El reto principal de su recorrido de compra: una conversión baja entre descubrir un producto o añadirlo al carrito y completar la compra. El proyecto se centró en identificar y rediseñar dos de los puntos de contacto más críticos — las páginas de colección y de producto — para lograr una experiencia más clara, intuitiva y orientada a la conversión en escritorio y en móvil.
- Cliente
- Kyle Cavan · Nueva York
- Servicios
- Diseño UI · Páginas de colección y de producto · Nueva plantilla de colección · Diseño de navegación
- Plataforma
- Shopify
- En producción
- kylecavan.com
- Tecnologías
- ShopifyE-commerceDiseño UIEscritorio y móvilPlantillas modulares
El reto
Qué resolvemospara Kyle Cavan
Más allá de mejorar la usabilidad, el reto era crear un sistema que pudiera crecer con la marca.
Diseñamos un marco modular y flexible para presentar nuevas colecciones, de modo que el equipo de Kyle Cavan pueda construir y personalizar el contenido directamente en Shopify con módulos ya diseñados. Y como era una web en producción, con clientes reales, cada cambio tenía que apoyarse en lo que ya funcionaba.
El recorrido de compra que rediseñamos
- 01DescubrimientoColecciones y navegación
- 02Página de colecciónExplorar y filtrar con claridad
- 03Página de productoPersonalización paso a paso
- 04Carrito y pagoMenos abandonos antes de comprar
La estrategia
Cómotrabajamos
En lugar de partir de una propuesta cerrada, parte del proyecto consistió en definir el alcance y las prioridades sobre la marcha.
- 01
Aprender antes de cambiar
Trabajábamos sobre una web en producción, usada por clientes reales. Antes de rediseñar nada necesitábamos entender qué funcionaba y qué no, con reuniones semanales y plazos claros para que el proyecto no se detuviera.
- 02
Seguir en sintonía
Mantuvimos la comunicación abierta toda la semana por Slack, compartiendo avances y preparando los cambios que proponer en la siguiente reunión. El cliente podía revisar prototipos, dar su opinión y dar forma a cada iteración.
- 03
Primero el prototipo
Los flujos de UX y UI más complejos se prototiparon por completo en Figma antes de desarrollar, lo que nos permitió validar las interacciones y afinar la experiencia desde el principio.
- 04
La página de producto
Priorizamos la página de producto, donde la tasa de rebote y la complejidad de personalizar una joya dificultaban la compra. Simplificamos la personalización y mejoramos el diseño visual de la página en móvil y en escritorio.
- 05
Afinar la experiencia de colección
Con la página de producto en marcha, rediseñamos las páginas de colección y mejoramos los filtros para que explorar fuera más claro y eficiente en móvil y en escritorio.
- 06
Una plantilla para futuras colecciones
Diseñamos una plantilla de página de colección pensada para personalizarse. El equipo puede reordenar bloques de contenido y ajustar elementos como títulos y cabeceras, eligiendo cómo presentar cada colección dentro de un marco de diseño cuidado.
- 07
Dar vida a los diseños
Tras revisar y afinar los diseños en Figma, los llevamos a producción. El proceso completo se cerró en dos meses y la nueva experiencia ya está en marcha y plenamente operativa.
- 08
Un diseño de navegación adicional
Como el equipo quedó satisfecho con el trabajo, nos pidió una tarea más: rediseñar la navegación para hacerla más eficaz. Quedaba fuera del alcance original. El nuevo diseño está terminado y su implementación llegará más adelante.
Los resultados
Una mejora medibleen las primeras semanas.
- Ventas totales
- +52%
- frente a las mismas fechas del año anterior.
- Añadidos al carrito
- +47%
- más compradores se deciden cuando la página de producto les guía.
- Tasa de conversión
- +7%
- de cada cien visitas, más acaban en compra.
- Devoluciones y reembolsos
- −38%
- menos reversiones de venta: cada cliente recibe lo que configuró.
Shopify Analytics de kylecavan.com, final del verano de 2026, comparado con las mismas fechas de 2025. Solo cifras relativas.
- 01
Cada visita compra más
El valor medio del pedido sube en torno a un 6%: cadenas, charms y grabado se añaden con facilidad, paso a paso, en lugar de esconderse en un muro de selectores.
- 02
Medido, no supuesto
Todo el proyecto se hizo sobre una tienda en producción, así que cada cambio se contrastó con el comportamiento real de los clientes, antes y después.
- 03
Pensado primero para el móvil
Las sesiones móviles suben en torno a un 36%, y convierten: el recorrido por pasos se diseñó a ancho de teléfono y se adaptó al escritorio.
- 04
Lo primero que ves, antes
El elemento principal de la página de producto se pinta en torno a un 45% antes en escritorio, con la puntuación global de Lighthouse estable: una página más rica y guiada que no añadió peso.
- 05
Lanzar una colección sin un desarrollador
La plantilla modular permite al equipo montar una nueva página de colección a partir de bloques ya diseñados, en Shopify y sin código.
- 06
Una navegación que lleva a algún sitio
Los filtros por universidad y una cuadrícula más tranquila llevan al visitante de una universidad a un producto en dos toques.
El proyecto · Página de producto · Escritorio
Página de productoantes y después
El mismo producto, dos épocas. Arrastra el tirador para descubrir cómo una página densa y llena de opciones se convirtió en un flujo de compra tranquilo y guiado.
- Antes — en producción en 2026
- Después — rediseño
— Versión en producción
Míralo en movimiento
El proceso completo se cerró en dos meses y la nueva experiencia ya está en marcha y plenamente operativa. Mira el flujo de personalización del producto en escritorio, de principio a fin.
El proyecto · Flujo paso a paso · Móvil
Recorrido de producto en móvil
010701 de 07
Conoce tu colgante
Una portada de producto tranquila y centrada sustituye a la antigua galería abarrotada.
El proyecto · Página de colección · Escritorio
Página de colecciónantes y después
La misma colección, dos épocas. Arrastra el tirador para descubrir cómo una cuadrícula apretada se convirtió en una experiencia de exploración más clara y con filtros.
- Antes — en producción en 2026
- Después — rediseño
— Versión en producción
Míralo en movimiento
Explora la experiencia de colección rediseñada como lo hacen los clientes — filtros más claros y una cuadrícula más tranquila, en la web en producción.
El proyecto · Nueva plantilla de colección · Escritorio y móvil
Nueva plantillade colección
Un marco modular y flexible para presentar nuevas colecciones — construido y personalizado directamente en Shopify a partir de módulos ya diseñados, y coherente en cualquier tamaño de pantalla.
Escritorio
Móvil
Rellenada — La colección Architecture
Los mismos módulos, rellenados con imágenes y textos reales — una página lista para lanzar, montada sin tocar código.
La conclusión
Studio Prats fue un antes y un despuésen nuestro negocio
Caitlin Buchanan
Responsable de e-commerce y licencias, Kyle Cavan
Testimonio del cliente — cita completa
Los códigos de descuento, la atención al detalle en todo… sinceramente, no puedo agradecerlo lo suficiente. Dejarnos así de preparados para el éxito no tiene precio. Todo el tiempo que pasábamos preocupados por si un código iba a estar listo o no: ya no tenemos que preocuparnos por eso. Simplemente funciona. Así que genial.