Users visiting a category or collection page share a single primary intent: to browse products.

Yet, a common UX mistake is placing lengthy brand messaging, SEO copy, or detailed descriptions above the fold. This pushes the actual product cards below the visible screen area, forcing users to scroll before they can even begin shopping. On mobile devices, where screen real estate is at a premium, this creates immediate friction.

The question: Can we communicate the same core value proposition in fewer words to get users to the products faster, without losing the brand message?

‍

The Challenge: Heuristic analysis revealed that the category page featured lengthy copy above the fold. On mobile devices, this pushed the actual product cards (the main reason users visit the page) below the visible screen area.

‍

The Behavioral Issue:

• Mobile users had to scroll before seeing any products.
• Information overload occurred before users could take action.
• Delayed gratification — users came to shop, not to read essays.
• Increased friction for users who simply wanted to scan options quickly.

The Desktop Paradox: Desktop users had plenty of screen real estate, so the long copy didn't push products out of view. But mobile users on small screens were essentially blocked from the primary content.

‍

🧪 The Hypothesis

"If we shorten the copy above the fold on category pages, we can pull product cards higher into the visible screen area—reducing scroll depth, improving product visibility, and increasing conversion rates, especially on mobile devices."

‍

Psychological Principles:

1. Goal-Oriented Behavior: Users on category pages want to see products, not read long-form descriptions.
2. Progressive Disclosure: Show essential information first; push detailed context below the fold.
3. Mobile-First Design: Optimize for the smallest screen, not the largest.
4. Cognitive Load: Less text = faster visual processing and decision-making.

‍

🔬 The Experiment

We tested two approaches to optimizing the above-the-fold copy:

Variant 1: Bullet Points

• Converted paragraph copy into scannable bullet points.
• Maintained a similar overall word count.
• Result: Improved readability, but didn't significantly reduce the vertical length of the section.

Variant 2: Shortened Copy (Winner)

• Drastically reduced word count above the fold.
• Kept only the most essential value propositions.
• Pulled product cards significantly higher on the page.
• Result: Mobile users could see products with minimal to no scrolling.

Why Variant 1 Failed: Bullet points improved readability but didn't solve the core spatial problem—products were still below the fold on mobile. It was stopped early due to poor performance.

Why Variant 2 Won: By actually removing words (not just reformatting them), we got users to the products faster. This is mobile-first optimization in action.

‍

📈 The Results

Winner: Variant 2 (Shortened Copy)

Overall Performance:

• +10.24% Revenue Per Visitor
• +10.22% Purchase Conversion Rate
• +5.46% Add to Cart Rate
• +10.22% Transactions (603 → 660)

‍

Mobile vs. Desktop: The Strategic Tradeoff

Mobile Users (The Real Winners):

• +16.59% Conversion Rate
• +17.13% Revenue Per Visitor
• +7.86% Add to Cart Rate
• +1.23% Product Pageviews

Desktop Users (The Tradeoff):

• -14.70% Conversion Rate
• -14.97% Revenue Per Visitor
• -6.65% Add to Cart Rate

The Pattern: This is a classic mobile-first optimization with a desktop tradeoff. The mobile gains (+17.13% RPV) far outweighed the desktop losses (-14.97% RPV) because:

1. Mobile represented ~87% of the traffic in this test.
2. The overall RPV still increased by +10.24%.
3. Mobile shoppers are more time-constrained and benefit exponentially from quick access to products.

‍

Statistical Confidence:

• Overall: 95.36% (Conversion Rate), 94.64% (RPV)
• Mobile: 99.01% (Conversion Rate), 98.89% (RPV)

‍

💡 What This Means for Your Store

1. Mobile-First Doesn't Mean Mobile-Only: It means optimizing for your primary traffic source, even if it requires strategic tradeoffs on other devices. If 80%+ of your traffic is mobile, optimize for mobile.

2. Words Have Weight (Literally): Every word above the fold pushes content down. On mobile, 50 extra words can push an entire product card below the fold. Be ruthless about editing.

3. Bullet Points Aren't Always the Answer: Variant 1 proved that reformatting doesn't solve the spatial problem—you need to actually reduce content, not just reorganize it.

4. Category Pages Are for Browsing, Not Reading: Users come to category pages to see products. Save the detailed brand storytelling for product pages or below the fold.

5. Accept Strategic Tradeoffs: The desktop decline was real, but the mobile gain on the majority of traffic resulted in an overall +10.24% win. Sometimes you have to sacrifice one segment to win the whole.

‍

🎯 Key Takeaways

1. Mobile users need products faster — They scroll less and act quicker.

2. Shorter copy = higher product visibility — Every word counts above the fold.

3. Bullet points ≠ shorter copy — Reformatting isn't enough; you must reduce.

4. Desktop tradeoffs are acceptable — If mobile gains mathematically outweigh desktop losses.

5. Category pages should prioritize products — Not lengthy descriptions.

‍

📱 Implementation Notes

Technical Details:

• Reduced word count in the category page hero section.
• Maintained only essential value propositions.
• Products moved higher in the page hierarchy.
• Mobile: Minimal scrolling required to see the first product.

‍

Copy Guidelines for Your Store:

• Focus on 1-2 key benefits maximum above the fold.
• Remove redundant phrases and filler words.
• Prioritize action over description.
• Test incrementally (e.g., 20% reduction, then 40%) to find the sweet spot.

‍

⚠️ The Desktop Question: Should You Implement This?

Yes, if:

• Mobile is >70% of your traffic.
• Overall RPV increases (like this +10.24% win).
• The desktop revenue loss is mathematically acceptable for the mobile gain.

Alternative Approach: If desktop is a massive revenue driver for your specific brand, consider device-specific variations: serve the shortened copy to mobile users, and keep the longer, descriptive copy for desktop users. This requires slightly more development but captures the best of both worlds.

‍