Ejemplo pedagógico
Así se ve un informe UXClarity
Estructura del entregable real. La tienda es ficticia. Sin cifras de ventas ni tasas inventadas.
Ejemplo pedagógico. Tienda ficticia «Atelier Nord». No es una auditoría de un sitio real ni un benchmark.
Atelier Nord — ficha de producto (ficticia)
The visitor can tell this is apparel, but buying is not obvious at first glance: the button sits low, the price drowns in variants, and reassurance only appears after a long scroll. The page asks for too much effort for a simple decision.
Por qué los visitantes salen sin comprar
Do not rebuild the site. Lift the purchase action, reduce choices visible up front, and place a trust line next to the price — where the thumb hesitates.
Ilustración de la primera pantalla móvil, no una captura de una tienda real.
Manteau laine courte
S · M · L · XL · XXL · Sur-mesure
Prix
Los 4 pilares
Visual hierarchy & F-pattern
54Eye drops off
Estado actual
The title is clear, but the buy button sits under a stack of promo chips. The eye ends on variants, not on the action.
Maqueta corregida
One visual offer above the fold: photo, name, price, button. Push badges and secondary variants below the primary action.
Mental load & Hick’s law
48Too many choices too soon
Estado actual
Size, color, bundling and express shipping are all visible before the button. The visitor compares instead of acting.
Maqueta corregida
A default path (guided size, color already selected). Advanced options expand after the buy tap, not before.
Trust signals
57Proof too low
Estado actual
Reviews and returns sit at the bottom. At the moment of doubt (price + button), nothing sits beside them.
Maqueta corregida
One proof line next to the price: rating, delivery time, returns. Full reviews can stay lower.
Mobile readability
72Fine, can be tighter
Estado actual
Body text reads. The secondary “wishlist” button visually competes with buy.
Maqueta corregida
One solid buy button. Secondary action as a text link, not an equally heavy pill.
Plan CRO — orden, impacto, esfuerzo
1. Lift the buy button above the fold
Impacto High · Esfuerzo Low · First screen
In the product theme, pin price + CTA under the title, before the variant grid. Check an iPhone SE: the CTA must be visible without scrolling.
2. Cut choices visible before the tap
Impacto High · Esfuerzo Medium · Variants
Pre-select a variant. Hide bundling and secondary options behind “Customize”.
3. Place proof next to the price
Impacto Medium · Esfuerzo Low · Price / CTA
One line: review count + delivery time. Not a review carousel in that spot.