Esempio pedagogico
Com’è fatto un report UXClarity
Struttura del deliverable reale. Il negozio è fittizio. Nessuna cifra di vendita inventata.
Esempio pedagogico. Negozio fittizio «Atelier Nord». Non è l’audit di un sito reale né un benchmark.
Atelier Nord — scheda prodotto (fittizia)
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.
Perché i visitatori escono senza acquistare
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.
Illustrazione della prima schermata mobile, non uno screenshot di un negozio reale.
Manteau laine courte
S · M · L · XL · XXL · Sur-mesure
Prix
I 4 pilastri
Visual hierarchy & F-pattern
54Eye drops off
Stato attuale
The title is clear, but the buy button sits under a stack of promo chips. The eye ends on variants, not on the action.
Mock corretto
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
Stato attuale
Size, color, bundling and express shipping are all visible before the button. The visitor compares instead of acting.
Mock corretto
A default path (guided size, color already selected). Advanced options expand after the buy tap, not before.
Trust signals
57Proof too low
Stato attuale
Reviews and returns sit at the bottom. At the moment of doubt (price + button), nothing sits beside them.
Mock corretto
One proof line next to the price: rating, delivery time, returns. Full reviews can stay lower.
Mobile readability
72Fine, can be tighter
Stato attuale
Body text reads. The secondary “wishlist” button visually competes with buy.
Mock corretto
One solid buy button. Secondary action as a text link, not an equally heavy pill.
Piano CRO — ordine, impatto, sforzo
1. Lift the buy button above the fold
Impatto High · Sforzo 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
Impatto High · Sforzo Medium · Variants
Pre-select a variant. Hide bundling and secondary options behind “Customize”.
3. Place proof next to the price
Impatto Medium · Sforzo Low · Price / CTA
One line: review count + delivery time. Not a review carousel in that spot.