Caso 01 — Beauty · Shopify

Rediseño de template con prueba A/B — 23,011 visitantes, 10 días.

dabalashoriginal.com
Dabalash Original — homepage rediseñada
+69.31%
Revenue per Visitor
De $2.23 a $3.77 MXN por visita
23,011 visitantes · 10 días
+57.51%
Conversion Rate
De 0.27% a 0.42% en 10 días
Validado con Intelligems A/B
97/100
Performance Score
Lighthouse Desktop · Core Web Vitals verde
23,011 visitantes en la prueba

El punto de entrada,
rediseñado desde cero.

01 — Jerarquía
Producto protagonista desde el primer segundo
Imagen hero que no pide disculpas. El producto ocupa el centro desde el primer pixel.
02 — Confianza
Social proof antes del primer scroll
Calificaciones y reseñas junto al precio, above the fold. Donde la decisión todavía se puede ganar.
03 — CTA
Un solo camino, sin fricción
Un solo CTA, contraste alto, sin botones compitiendo. La acción es obvia.
04 — Velocidad
97/100 en Lighthouse no fue accidental
Tres apps eliminadas, imágenes en WebP. LCP bajo 1.8s en conexión promedio.
dabalashoriginal.com
Dabalash Original — homepage rediseñada
Scroll automático

Explorar no debería
ser un esfuerzo.

dabalashoriginal.com/collections/all
Dabalash Original — página de colección rediseñada
Scroll automático
01 — Grid
Imágenes más grandes, decisión más rápida
+40% de área de imagen por tarjeta. La variante se ve, no se adivina.
02 — Precios
Jerarquía de precio rediseñada
Negro, tachado en gris, descuento en verde. Tres niveles de información, cero ruido.
03 — Filtros
Chips en lugar de dropdowns
Chips horizontales persistentes. Menos clics para llegar al producto correcto.
04 — Quick add
Compra directamente desde el grid
Sin entrar al PDP. Para variante única, el flujo completo son dos clics.

La página que cierra
la venta.

dabalashoriginal.com/products/…
Dabalash Original — página de producto rediseñada
Scroll automático
01 — Galería
La textura se tiene que ver
Acabados y curvas en detalle, zoom en hover. El cliente visualiza el resultado antes de decidir.
02 — Variantes
Selector visual, sin dropdown
Chips con imagen de muestra. Funciona por reconocimiento, no por memoria.
03 — Trust
Argumentos de compra en el momento justo
Envío, garantía y reseñas entre el selector y el botón. Justo donde surge la duda.
04 — Descripción
Información expandible, sin ocupar espacio
Todo en acordeones. Página limpia, contenido completo, SEO intacto.

Cada pantalla,
diseñada para el pulgar.

Dabalash — homepage móvil
Scroll automático

Homepage

Dabalash — colección móvil
Scroll automático

Colección

Dabalash — página de producto móvil
Scroll automático

Página de producto

Dabalash — máscaras móvil
Scroll automático

Máscaras

Sticky CTA
El botón de compra siempre visible
Fijo en el footer. La acción siempre a un tap, sin importar dónde esté el usuario.
Touch targets
Mínimo 44×44px en cada elemento
Chips amplios, sin riesgo de tap erróneo. El mayor punto de frustración, resuelto.
Velocidad
LCP bajo 1.8s en conexión promedio
Sin scripts bloqueantes, WebP con lazy loading. El score móvil de Lighthouse también subió.

Más que un producto:
un ritual.

dabalashoriginal.com/products/mascaras
Dabalash — página de máscaras rediseñada
Scroll automático
Storytelling
La página que cuenta el por qué primero
Qué hace, cómo se aplica, qué resultado da — antes del precio. La narrativa precede a la venta.
Comparativa
Diferencias entre productos, de un vistazo
Una tabla reemplazó tres párrafos. Las diferencias entre variantes se leen de un vistazo.
Upsell contextual
Complementos visibles con contexto de uso
Complementos con contexto de uso, no un grid genérico de "también podría gustarte".

La recta final:
sin sorpresas.

01 — Transparencia
Costo de envío visible desde el carrito
El costo de envío visible desde el carrito. Sin letra chica ni la sorpresa que mata el checkout.
02 — Formulario
Orden de campos que sigue el pensamiento
Nombre → dirección → pago. El orden lógico que el autocompletado del navegador espera.
03 — Confianza
Sellos de seguridad en el momento del pago
Logos de pago y sello SSL en la zona de mayor ansiedad, no en el footer.
checkout.shopify.com/…
Dabalash — checkout y política de envíos
Scroll automático
Stack
Shopify Liquid Intelligems Figma
Tags
A/B Test Beauty Rediseño de template CRO
Proceso

El proyecto comenzó con un análisis de grabaciones de sesión y datos de heatmaps. Identificamos los puntos de fricción más costosos —el selector de variantes y la ausencia de social proof above the fold— y los convertimos en hipótesis de prueba. El nuevo template se implementó en Shopify usando Liquid estándar, sin apps de terceros que penalizaran el rendimiento. La prueba A/B corrió con Intelligems durante 10 días hasta alcanzar 95% de significancia estadística en conversion rate y 98% en revenue per visitor.

Diseñemos tu siguiente caso.