The 3-second test: above-the-fold on mobile
Most of your traffic is on a phone. Shoppers decide whether to stay in about three seconds, before they scroll at all.
The mobile fold has to answer three questions without a single swipe: what is this, does it fit me, what do I do next? AI can audit a screenshot and list what's missing. You fix the layout.
Fastest path: one prompt, end to end
🤖 AI prompt — paste into ChatGPT / Claude
You are a mobile CRO reviewer. Judge only what I show you.
What I'll give you: a screenshot of my product page as it looks on a phone before scrolling (the fold).
Product + price + who it's for: [fill in]
Do this:
1. Check the mobile fold for the 5 must-haves: (1) a clear product image, (2) product name, (3) price, (4) one primary call-to-action (Add to cart / Buy), (5) one trust element (star rating, review count, guarantee, or free-shipping line).
2. Flag common blockers pushing those below the fold: an oversized hero banner, a popup or cookie wall on load, an announcement bar eating vertical space, or a slow Largest Contentful Paint.
3. For each missing must-have, say exactly what to move up and what to cut.
Judge only from the screenshot; if you cannot see it clearly, ask me to resend, do not assume it's there.
Output: a 5-item checklist marked pass/fail + a short fix list ordered by impact.
Or do it in 4 steps
- List the five must-haves. On the phone fold a shopper needs: product image, name, price, one primary CTA, and one trust signal. If any of the five is missing before the first scroll, you're losing buyers who never see it.
- Do the self-audit on a real phone. Open your page on your own phone (or Chrome DevTools device mode), don't scroll, and screenshot exactly what shows. Then tick the five. Seeing it at true phone size is the whole test; a desktop preview lies about how little fits.
- Clear the blockers stealing the fold. The usual culprits: a giant hero image that pushes the CTA down, a popup or cookie wall covering everything on load, a fat announcement bar, and slow LCP so the image hasn't even painted at second three. Shrink the hero, delay the popup, thin the bar.
- Move the must-haves up, cut the rest. Anything not in the five earns its place below the fold. Price and the Add-to-cart button especially should never require a scroll.
Worked example (labeled): a skincare page opens with a full-screen lifestyle banner and an email popup. On a phone at second three you see only banner and popup. No name, no price, no Add to cart, no rating.
Fix: the image shrinks to the top third, so name, price, "Add to cart", and "4.8 (2,300 reviews)" all land in the first screen. The popup is delayed to 15 seconds or exit-intent. Same page, but now it answers the three questions before a swipe. Numbers are illustrative.
If price, the CTA, and a trust signal aren't on the phone before the first scroll, that's usually the highest-ROI fix on your page.