Your hero text dies on phones. Shoppers never read it. Open your Amazon listing
By Jaspinall · November 7, 2026 · Curated by George's Blog
Your hero text dies on phones.
Shoppers never read it.
Open your Amazon listing on a phone.
Look at the hero. Can you read the callout on the cover? Can you read the line under the product?
If you can't, that text is dead weight. It takes up pixels and gives the shopper nothing.
I used to fight this by making the type bigger. That helped a little, then the cover looked like a billboard, and the product shrank into a corner.
The fix that stuck was simpler.
Drop the unreadable callout. Put retail packaging or a plain brown box behind the product. Design for the size of a search-results thumbnail, not the desktop PDP.
There's a second problem hiding in the same frame.
The Amazon hero only shows one color. Someone lands on yellow, likes the product, but wants blue. If the other colors aren't in the image, they keep scrolling.
So I put color swatches on the box. A small row that says also available in four more colors. People who want a different color still have a reason to click.
This is not about making the photo prettier. It's about making the thumbnail answer two questions before anyone taps: what am I getting, and can I get it in my color.
If the callout is unreadable at phone size?
⤷ Cut it. Space is better empty than filled with noise.
If shoppers need another color?
⤷ Show swatches on the packaging in the hero, not buried in image five.
If the desktop version looks incomplete without the banner?
⤷ Good. You're designing for the thumbnail that actually earns the click.
You're not decorating the PDP. You're winning the search-results glance that happens on a phone in a subway car.
Open your top ASIN on a phone tonight. Cut every callout you can't read. Put packaging and swatches behind the product. Then check click-through before you touch anything else.
That's the whole test.
🪿