CRO Manifesto
guideline #
51

Use Clear Imagery to Define Collections

context

If your collections are just text-based or unclear, users might not know what kind of products they’ll find inside. This hesitation can lead to drop-offs and missed sales.

Why?

Show, don’t just tell. Use high-quality images that visually represent what’s inside each collection. Whether it’s a preview of top products or a lifestyle image that captures the category’s essence, clear visuals guide users seamlessly and encourage exploration.

Content
  • Your homepage collection click-through rate is below 15% or users aren't navigating beyond your main page
  • Google Analytics shows high bounce rates (above 60%) specifically on your homepage with low pages per session
  • Your collections currently use only text labels, generic placeholder images, or single product photos that don't represent the full category
  • You have 5+ product collections and generate at least 1,000+ monthly visitors where improved navigation could meaningfully impact revenue
  • Your Shopify theme supports custom collection images and you can dedicate 2-3 hours to implementation and image optimization

Transform your collection presentation with strategic imagery that immediately communicates category value and product variety.

  1. Audit current collections: Navigate to Shopify Admin → Products → Collections. Document which collections lack compelling imagery or use unclear visuals.
  2. Create collection hero images: Design 600x400px images (minimum) that showcase 3-4 hero products from each collection or lifestyle shots that capture the category essence. Maintain consistent styling and branding across all images.
  3. Upload and assign images: In each collection's settings, upload your new image to the "Collection image" field. Ensure file names include relevant keywords like womens-activewear-collection.jpg.
  4. Optimize homepage display: Edit your theme's collection list section (usually in sections/collection-list.liquid). Ensure images display prominently with collection titles overlay or positioned clearly below.
  5. Mobile optimization: Test collection images scale properly on mobile devices. Images should maintain clarity at smaller sizes and load quickly (compress to under 100KB when possible).
  6. Add descriptive alt text: Include descriptive alt text for each collection image to improve accessibility and SEO value.

Timeline: Complete implementation within 4-6 hours across 1-2 days, including image creation and testing.

  • Collection click-through rate: Track 20-40% improvement in clicks from homepage collections to category pages within 2-3 weeks
  • Homepage engagement metrics: Monitor 15-25% increase in average session duration and pages per session from homepage traffic
  • Collection page views: Expect 30-50% increase in overall collection page views as users better understand category offerings
  • Bounce rate reduction: Measure 10-20% decrease in homepage bounce rate as clearer navigation paths emerge
  • AVOID: Using single product photos to represent entire collections - this limits perceived variety and value. BEST PRACTICE: Show multiple products or lifestyle imagery that represents the collection's breadth.
  • AVOID: Inconsistent image dimensions or styling across collections creating a disjointed user experience. BEST PRACTICE: Maintain uniform aspect ratios and consistent visual treatment across all collection images.
  • AVOID: Generic stock photos that don't accurately represent your actual products or brand aesthetic. BEST PRACTICE: Use your own product photography or custom-created imagery that authentically represents your inventory.
  • AVOID: Oversized image files that slow page load speeds, especially impacting mobile users. BEST PRACTICE: Compress images to under 100KB while maintaining visual quality using tools like TinyPNG or Shopify's automatic compression.
5.0 RATING • 350+ CLIENTS

Get A Free Website Audit.

We’ll identify what’s leaking revenue on your site and show you how to fix it. The free audit includes:

Live Website Walkthrough
Technical Analysis
Conversion Checklist
Key Section Redesigns
Industry & ICP Research
Implementation Plan
try us free
No items found.
5.0 RATING • 350+ CLIENTS

Work with the #1 Team That gets you predictable results.

Strategy
DESIGN
COPYWRITING
DEVELOPMENT
Free Audit & Redesign

Get a Free Audit

See the difference for yourself. We’ll identify what’s leaking revenue on your site and show you how to fix it.
Free Forever
130+ Optimizations
Section Redesigns
Get My Free Audit
CRO Strategy Call

Talk to Glued

This isn’t a sales call. It’s a hands-on teardown session where we walk through exactly what’s holding your site back and what fixing it would mean for your revenue.
No Sales Pitch
ROI Projections
Free CRO Strategy
Book a Call