Home & Lifestyle Brand

The Challenge

The client is a DTC home and lifestyle retailer, bedding, lighting, and styled home goods, running on Shopify alongside a small wholesale presence. Annual revenue sat in the £2–6M range when the engagement started, with a heavily mobile audience and a product catalogue that's inherently visual: room shots, lifestyle frames, styled flat lays, and editorial pages that anchor every category.

Organic search drives the bulk of new-customer acquisition in this category. Home shoppers search by what they want, not by brand, "grey corner sofa", "linen duvet cover", "rattan pendant light", which makes Google visibility on category and product terms disproportionately important compared with categories that lean on social or paid. The site needed to be fast not because the brand demanded it, but because the audience did.

By every visible measure, the brand had done the right things. The photography was excellent. The site looked considered. Category pages had been art-directed with care. The problem was structural: nobody had ever investigated what delivering all of that imagery was costing in load time.

Home and lifestyle sites are slow for a specific, predictable reason, and it isn't app bloat. It's image weight. A single category page on a furniture or décor site can carry 30–50 products, each with a hero image of 1–3MB unoptimised. Add the lifestyle photography on the homepage and the banner imagery on collection pages, and a mobile visitor on a normal connection is being asked to download 20–40MB of imagery before they can browse the catalogue. That isn't neglect; it's a natural consequence of doing the product photography well. The images are excellent, they're just not being delivered correctly.

The diagnosis was specific and singular. Every page load was serving the same full-resolution image whether the visitor was on a 27-inch monitor or an older Android phone. No next-gen formats, no correct sizing per viewport, no lazy-loading for images below the fold. A 400px-wide thumbnail on a phone was downloading a 1600px-wide JPEG; multiply that by thirty or forty product tiles on a category template, and the page weight became the entire story. Mobile category pages were loading in five to eight seconds before a visitor could meaningfully interact with anything.

The business symptoms matched, and they were being misread. Mobile bounce was running well above the category benchmark. Mobile conversion was lagging desktop by a meaningful margin. The internal narrative was the same one a lot of home brands tell themselves: "mobile users just browse". They weren't just browsing. The page was loading too slowly for them to do anything else. And on the queries that actually drive home-shopper acquisition, the long-tail category and product terms this audience uses, rankings had been quietly drifting for months as Core Web Vitals slipped out of the green band.

The Approach

Three months. No rephotography. No redesign. No new product tiles. The constraint was explicit: every image had to look identical to the one being delivered before, only faster, and only sized correctly.

Image pipeline rebuilt end-to-end

This was the headline work, and the rest of the engagement assembled around it. The legacy image delivery was replaced with a proper next-generation pipeline:

• WebP and AVIF as the primary formats, with appropriate fallbacks for browsers that need them.
• Correct sizing per breakpoint, a 400px-wide thumbnail on mobile gets a 400px-wide image, not the desktop master. The srcset and sizes attributes do the work the previous setup was leaving to the browser to figure out badly.
• Lazy-loading implemented properly on every below-fold image, so the browser only requests what the visitor is about to see, no more loading twenty product tiles to render the first three.

Category page templates rebuilt

Category pages are the highest-traffic, highest-impact, and most image-dense surface on a home brand, and the surface where the organic-search win is realised. Templates were rebuilt for performance without touching the grid layout or product-card design: render-blocking patterns unwound, theme code tightened where the original Liquid was doing more work than the markup needed, unnecessary DOM stripped before the browser ever had to parse it.

Homepage banner imagery

The large lifestyle banners on the homepage were the single heaviest assets on the whole site. Delivery was optimised, modern formats, art-directed crops per viewport, priority loading on the hero, deferred loading on everything below, while keeping the imagery itself untouched.

App audit (the lighter intervention)

Every installed app was audited against actual business impact. The home brand's app footprint was lighter than most retail clients, but a handful of apps had no measurable contribution and were still injecting JavaScript into every page load. Those were removed or replaced.

The product photography didn't change. Every image looks exactly as it was shot. The difference is that it now loads the way it deserves to, in under a second, not in four.

The Outcome

By the end of month 3, mobile category pages were loading in under two seconds, down from the original five-to-eight seconds, and Core Web Vitals were firmly back in the green band on every priority template.

The acquisition and conversion metrics followed over the next 90 days, with the strongest gains compounding through the six-month window as rankings recovered:

• Organic clicks up 45% as category-term and long-tail product-term rankings recovered across the highest-traffic templates.
• Mobile conversion rate up 22%, closing most of the gap between mobile and desktop performance.
• Mobile bounce rate down 21%, with the steepest improvements on category pages that had been the slowest.
• Revenue from organic up materially, tracking ahead of traffic growth as the new visitors landing on category pages converted at a higher rate than the pre-rebuild baseline.

The look stayed the same. The shoppers, and the rankings, stayed too.

Tools & Stack