WRTeam Logo
Let's Chat
WRTEAM
Loading your experience... 0%
24/7 Support Hub
Blog Details

Case Study: The Website Rebuild That Increased Leads and Improved User Engagement



Published on

Category
Documentation
Case Study: The Website Rebuild That Increased Leads and Improved User Engagement

Most blogs cover how to plan, scope, and evaluate a web development project. This one is different. It walks through a real WRTeam project: the client, the challenges their previous setup created, what was built, and how the rebuild positioned the business to generate more enquiries and engage visitors more effectively.

The client is LVB Packaging Ltd, a UK-based manufacturer and supplier of corrugated cartons, EPS blocks, protective foams, and custom display packaging, serving businesses across Essex, London, and the wider UK. The project was a WordPress-based corporate website rebuild, designed and developed through WRTeam's web design and development service.

The Business: LVB Packaging Ltd

LVB Packaging specializes in manufacturing and supplying packaging solutions for industries that need secure, reliable packaging for transport, storage, and product presentation corrugated cartons, EPS (expanded polystyrene) blocks, protective foam inserts, and custom display packaging.

This is a business with genuine technical depth and a broad product range which is exactly the kind of situation where a website's job is harder than it first appears. A buyer researching packaging solutions needs to quickly understand what LVB makes, see real examples of finished work, and feel confident enough in the company's capability and reliability to send an inquiry. All of that needs to happen across mobile, tablet, and desktop, for both domestic and commercial clients, and ideally needs to surface in local search results for buyers in Essex and London specifically looking for packaging suppliers.

The Key Challenges

Before any design or development work began, the project needed to address five specific challenges, each one a common pattern for manufacturing and supplying businesses with broad product ranges and a strong local customer base.

Multiple Product Categories

LVB Packaging's range of cartons, foams, EPS blocks, and more meant the website needed to present several genuinely different product types clearly, without overwhelming visitors with too much information at once or burying any one category behind the others.

Image-Heavy Content

Packaging is a visual product. Demonstrating capability convincingly meant showing real examples through product galleries and visuals but image-heavy pages are also the most common cause of slow load times, and a slow site works against the exact buyers it's trying to convert.

Responsive Layout

Detailed product visuals and specifications needed to display effectively across mobile, tablet, and desktop. For a business audience that increasingly researches suppliers on mobile devices even when the final decision is made at a desk, this wasn't optional.

Local SEO

To attract clients specifically in Essex and London alongside the wider UK market the platform needed to be optimized for location-based search alongside product-specific keywords. A packaging supplier competing only on generic national terms misses a meaningful share of the buyers searching for a local supplier they can build an ongoing relationship with.

Lead Generation

The enquiry and quote-request process needed to be simple enough that business clients could connect with the company quickly without friction that causes a visitor to close the tab and look elsewhere.

What Was Built

The rebuild addressed each of these challenges through a combination of frontend tooling, hosting decisions, SEO implementation, and lead-capture integrations all delivered through WordPress as the CMS foundation.

A Responsive Layout Built on Bootstrap

The site was built using Bootstrap's grid system, giving LVB Packaging consistent, responsive layouts across devices. For a business whose product pages combine detailed specifications with visual galleries, this consistency matters: a layout that works on desktop but breaks down on mobile effectively halves the audience that can use the site comfortably.

Interactive Product Galleries

To showcase the breadth of LVB's product range, cartons, foam variations, EPS blocks, and custom display packaging the site implemented Swiper and FancyBox, giving visitors smooth, interactive image viewing. This lets the site present a genuinely image-heavy product range in a way that feels organized and easy to browse, rather than a wall of static images competing for attention.

Browser Compatibility via Modernizr

Modernizr was applied to detect older browsers and provide appropriate fallbacks, ensuring the site's interactive elements galleries, layout features degrade gracefully rather than breaking for visitors on older browser versions. For a B2B audience that includes a wide range of devices and software setups across different businesses, this kind of compatibility work is invisible when it's done right and very visible when it isn't.

Optimized Hosting on SiteGround with NGINX

The site was deployed on SiteGround with an NGINX configuration, chosen specifically to improve speed and stability directly addressing the risk that an image-heavy, gallery-driven site becomes a slow one. 

SEO Implementation for Local Discoverability

Meta tags, structured URLs, and localized keywords were applied throughout the site to improve discoverability for packaging-related searches in Essex and the surrounding areas. For a manufacturing and supply business, this kind of local SEO work is what connects a well-built website to the buyers most likely to convert businesses actively searching for a packaging supplier near them, rather than relying purely on referrals or existing relationships.

Analytics, Tracking, and Chat Integration

The site was set up with Google Analytics, Google Tag Manager, and Microsoft Clarity for visitor insight and behaviour tracking, alongside a Drift chat integration for real-time visitor engagement. Together, these give LVB Packaging visibility into how visitors use the site, which pages they spend time on, where they drop off, and how galleries and product pages are being explored while also giving visitors a direct, low-friction way to ask a question or start a conversation without filling out a form.

How This Addressed the Original Challenges

Each element of the build maps directly back to one of the five challenges identified at the start of the project.

The multiple product categories challenge was addressed through the combination of Bootstrap's structured layout system and the interactive gallery tools giving each product type (cartons, EPS, foam, custom display packaging) its own clear presentation without the site feeling cluttered or repetitive.

The image-heavy content challenge was addressed at two levels: the gallery tooling (Swiper, FancyBox) made visual browsing smooth and organized, while the SiteGround and NGINX hosting setup ensured that the additional weight of product imagery didn't translate into slow page loads.

The responsive layout challenge was addressed through Bootstrap's grid system combined with Modernizr's browser compatibility handling ensuring the experience held up consistently whether a visitor arrived on a phone, a tablet, or a desktop, and regardless of which browser they were using.

Local SEO was addressed directly through the meta tag, URL structure, and localized keyword work positioning LVB Packaging in front of buyers in Essex and London specifically searching for packaging suppliers, rather than relying solely on national-level visibility.

Lead generation was addressed through the combination of clear quote-request and inquiry forms throughout the site, supported by the Drift chat integration giving visitors a choice between a structured enquiry and a quick, real-time conversation, depending on what they're ready for at that point in their research.

Why This Combination of Decisions Matters

What makes this project a useful example isn't any single feature, it's how the decisions fit together around the business's actual situation.

A packaging manufacturer with a broad product range has a genuine presentation challenge: too little detail and buyers can't evaluate capability; too much, and the site becomes overwhelming or slow. The gallery tooling and Bootstrap layout solved the presentation side of that problem, while the hosting decisions ensured that solution didn't come at the cost of speed.

A business serving both local and national markets has a discoverability challenge that generic SEO doesn't fully solve which is why the localized SEO work for Essex and London specifically was built into the project rather than treated as an afterthought.

And a B2B audience researching suppliers doesn't always want to fill out a form on their first visit which is why the combination of structured enquiry forms and a real-time chat option gives visitors more than one way to take the next step, at whatever stage of research they're at.

This is the same principle covered in our post on how WRTeam builds websites from brief to launch: the right combination of technical decisions follows from understanding the business and its audience, not from applying a standard template regardless of context.

What This Means If You're in a Similar Position

If your business manufactures or supplies a range of products, sells to both local and wider markets, and relies on your website to generate enquiries from businesses researching suppliers, the challenges LVB Packaging faced are worth checking for in your own site.

Does your site present your full product range clearly, or does one category dominate at the expense of others? Are your product visuals well-organized, and does the site stay fast despite the image load? Does your site work well on mobile for visitors doing early-stage research? Is your site optimized for the specific locations your customers search from, not just generic national terms? And does your enquiry process give visitors more than one way to get in touch, depending on how ready they are to talk?

How WRTeam Approached This Project

This project was delivered through WRTeam's WordPress web design and development service, following the structured brief-to-launch process covered in our process walkthrough. The result is a corporate website that presents LVB Packaging's full product range clearly across devices, performs well despite being genuinely image-heavy, is positioned to be found by buyers in their target locations, and gives visitors multiple straightforward ways to turn interest into an inquiry.

If your business is evaluating a website rebuild and recognizes some of the same challenges a broad product range, image-heavy content, a local and national customer base, or an enquiry process that could be simpler the starting point is the same one this project started from: understanding your specific situation before deciding what to build.

WRTeam's Web Development Services Banner Image

Share :
✦YOUR QUESTION, ANSWERED✦

Clear, Honest Answers for Your Peace of Mind

A website rebuild is a full redevelopment of an existing site replacing its structure, design, codebase, or platform rather than making incremental updates. It differs from a redesign, which may only address visuals without changing underlying architecture.

A rebuild is typically warranted when:

  • The existing site cannot accommodate a growing product range or content volume

  • Page speed is poor due to accumulated technical debt or inadequate hosting

  • The site does not perform on mobile or across modern browsers

  • Lead generation pathways are broken, outdated, or generating poor conversion rates

  • Local or product-specific SEO is absent or ineffective

A cosmetic redesign will not resolve structural problems. If slow load times, unresponsive layouts, or poor enquiry rates are tied to how the site was built rather than how it looks, a rebuild addresses the root cause.

A website rebuild improves B2B lead generation by removing friction at every stage between a visitor's first impression and their decision to make contact. For businesses selling to other businesses, this typically means making product information easy to evaluate, presenting credibility clearly, and offering more than one route to enquiry.

Effective lead generation changes in a rebuild include:

  • Simplified, prominently placed quote request or enquiry forms

  • Live chat integration for visitors not yet ready to complete a form

  • Clear calls to action on product and category pages

  • Faster load times that reduce abandonment before engagement begins

Giving visitors a choice between a structured enquiry and a real-time conversation accommodates different stages of the research and buying process.

Local SEO is the process of optimizing a website to appear in search results for location-specific queries for example, "packaging supplier Essex" rather than just "packaging supplier." For manufacturers and suppliers with a regional customer base, it connects the website directly to buyers most likely to convert.

Local SEO for a product-led business typically involves:

  • Localized keywords embedded in page titles, meta descriptions, and body content

  • Structured URLs that reflect product categories and service areas

  • Google Business Profile optimization alongside on-site work

  • Location-specific landing pages where a business serves multiple regions

A well-built website with strong national SEO but no local optimization will underperform in the segment of search where buyers are specifically looking for a nearby supplier to build an ongoing relationship with.

Image-heavy websites load slowly when large files are delivered from poorly configured servers without optimization, compression, or efficient caching. For product-led businesses, this is a common problem because visual presentation is central to communicating capability but unmanaged, it directly harms performance.

A rebuild addresses slow image loading through a combination of:

  • Choosing hosting infrastructure built for performance (such as NGINX-configured servers)

  • Implementing image compression and modern file formats (WebP)

  • Using lazy loading so images below the fold load only when needed

  • Deploying a CDN to reduce latency for geographically distributed visitors

  • Using gallery tools (such as Swiper or FancyBox) that load images efficiently rather than rendering all at once

Hosting decisions and frontend tooling must both be addressed; design alone cannot compensate for an inadequate infrastructure.

Bootstrap is an open-source frontend framework that provides a grid system and UI components for building responsive layouts. It is widely used in website development because it standardizes how layouts adapt across screen sizes desktop, tablet, and mobile without requiring custom breakpoint logic to be written from scratch for every element.

For product-led websites, Bootstrap is particularly useful because:

  • Complex pages combining specifications, images, and navigation need consistent behaviour across devices

  • It reduces development time for multi-column layouts

  • It ensures that detailed content does not break or stack incorrectly on smaller screens

For B2B businesses whose buyers may research suppliers on mobile but finalize decisions at a desktop, a layout that degrades at any screen size represents a direct loss of qualified visitors.

Visitor behaviour after a website launch is typically tracked using a combination of analytics platforms and session recording tools. The most common setup for a business website includes Google Analytics for traffic and conversion data, Google Tag Manager for managing tracking scripts without developer involvement, and Microsoft Clarity for session recordings and heatmaps.

Each serves a distinct purpose:

  • Google Analytics - volume, source, page performance, goal completions

  • Google Tag Manager - centralizes all tracking scripts, simplifies updates

  • Microsoft Clarity - shows exactly how individual visitors interact with pages, including scroll depth and click patterns

Together, these give a business visibility into which product or service pages attract the most attention, where visitors drop off, and whether enquiry forms are being reached and completed directly informing future improvements.

Modernizr is a JavaScript library that detects which HTML5 and CSS3 features a visitor's browser supports, allowing developers to serve appropriate fallbacks for older or unsupported browsers. It ensures interactive elements galleries, layout features, animations degrade gracefully rather than breaking entirely.

Browser compatibility matters for business websites because:

  • A B2B audience spans a wide range of devices, operating systems, and browser versions, including older enterprise environments that may not run the latest software

  • A broken layout or non-functional gallery on an older browser effectively excludes that visitor from engaging with the product range

  • Compatibility issues are invisible to teams testing only on current browsers

For image-heavy or gallery-driven sites, where the visual experience is central to demonstrating capability, compatibility failures have a direct impact on how the business is perceived.

Live chat integration supports B2B enquiries by giving visitors a low-friction route to ask a question without committing to a formal enquiry form. Tools like Drift allow visitors to start a conversation in real time useful for early-stage buyers who have a specific question but are not yet ready to request a quote.

For a business relying on its website to generate leads, this matters because:

  • B2B buyers often conduct multiple research sessions before making contact

  • A form requires a visitor to articulate their full requirement upfront chat does not

  • Chat interactions can qualify a lead and route it to the right team member faster than email follow-up

  • Visitor behaviour data from chat sessions supplements analytics from tools like Clarity and Google Analytics

Providing both a structured enquiry route and a chat option accommodates buyers at different stages of their evaluation process.

A product-led website with multiple categories needs a structure that gives each category clear visibility without burying any one range or forcing visitors to navigate through excessive layers. The solution combines information architecture with visual tooling.

Effective approaches include:

  • A top-level navigation structure that exposes all major categories from the homepage

  • Dedicated product category pages with consistent layout and clear imagery

  • Interactive gallery tools (such as Swiper or FancyBox) to present product variations within a category without overloading a single page

  • Grid-based layouts (using a framework like Bootstrap) that organize products visually without requiring long vertical scrolling

  • Clear calls to action on each category page so buyers can move from browsing to enquiry without returning to the homepage

The goal is to let a buyer evaluate the full product range quickly and find the category relevant to them with minimal navigation effort.

Shared hosting places multiple websites on the same server, meaning resources processing power, memory, bandwidth are divided between all sites on that server. Performance-optimized hosting, such as SiteGround running NGINX, provides dedicated or semi-dedicated resources and a web server architecture designed for faster request handling and lower latency.

For a product website, the practical differences are:

  • Page load speed - NGINX handles concurrent requests more efficiently than Apache, reducing time-to-first-byte on pages with significant asset loads

  • Stability under traffic - Shared hosting is more susceptible to slowdowns when neighboring sites experience traffic spikes

  • Image-heavy pages - Sites with large galleries benefit more from infrastructure that delivers assets quickly, since each product image represents an additional HTTP request

For a business where the website is a primary lead generation channel, hosting is an infrastructure decision with a direct performance consequence not simply a cost variable.

✦RELATED BLOGS✦

Explore More Insights on Technology, Design & AI Trends