CRO Manifesto
Use a Branded Image to Visually Reinforce Your Story & Products
guideline #
78
Use a Branded Image to Visually Reinforce Your Story & Products
context
A text-heavy outro can feel forgettable without a strong visual element. If users don't see a compelling image that ties back to your brand and products, they may lose emotional connection.
Why?
A branded image that blends storytelling with product representation reinforces your brand's essence while keeping products top of mind. A well-crafted visual leaves a lasting impression and subtly encourages users to explore further.
Content
- Your homepage outro section has high scroll-through rates (85%+) but low click-through to product pages (under 3%)
- Analytics show users spend 8+ seconds in your outro section but bounce without taking action
- Your current outro is primarily text-based with generic stock photos or no imagery
- You have 1000+ monthly homepage visitors and want to strengthen brand recall
- Your Shopify store has custom theme access or budget for basic design modifications
Transform your text-heavy outro into a compelling brand moment that reinforces your story.
- Create your branded image: Commission or photograph a lifestyle scene showing your products in use. Ideal dimensions: 1200x600px for desktop, ensuring mobile responsiveness at 600x400px minimum.
- In Shopify Admin: Navigate to Online Store > Themes > Customize. Locate your homepage outro section (often labeled "Rich Text" or "Custom HTML").
- Replace existing content: Upload your image to Settings > Files, then embed using:
<div class="outro-branded-section">
<img src="your-image-url.jpg" alt="Brand story description">
<div class="outro-text">Your condensed brand story</div>
</div> - Style for impact: Set image opacity to 85-90% with overlay text, or use split-screen layout (60% image, 40% text) for desktop.
- Mobile optimization: Stack image above text on mobile, with image height capped at 250px to prevent excessive scrolling.
Implementation time: 2-3 hours for design creation, 30 minutes for Shopify setup.
- Outro engagement rate: Track clicks from outro section using UTM parameters or event tracking. Expect 15-25% improvement in 2-3 weeks.
- Time on homepage: Monitor average session duration increase of 8-12 seconds via Google Analytics.
- Product page visits from homepage: Measure 10-20% lift in homepage-to-product navigation within 4 weeks.
- Brand recall metrics: Survey repeat visitors or use tools like Hotjar to assess visual impact and memorability.
- AVOID: Using generic lifestyle stock photos that could represent any brand. BEST PRACTICE: Create custom imagery featuring your actual products in authentic brand contexts.
- AVOID: Making images too large (over 300KB) causing slow load times. BEST PRACTICE: Optimize to under 150KB using WebP format when possible.
- AVOID: Placing text directly over busy image areas without contrast considerations. BEST PRACTICE: Use semi-transparent overlays or position text in image's negative space.
- AVOID: Forgetting alt text and mobile responsiveness testing. BEST PRACTICE: Include descriptive alt text and test on multiple mobile devices before launch.
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
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
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