Before / After: A Redesign That Boosted Conversions

Eric Zhong
March 20, 2026
9
mins
UI/UX
UI/UX
Eric Zhong
March 20, 2026
9
minutes
<  All posts
UI/UX

Before / After: A Redesign That Boosted Conversions

Eric Zhong
March 20, 2026
/
9
 mins read

Most website redesigns are cosmetic. New colours, new fonts, a refreshed logo, and a homepage that looks better in a portfolio. But looking better and performing better are not the same thing, and the gap between the two is where a lot of redesign budgets go to waste.

This one was different. The EuroFresh redesign was conversion-led from the start: clarify the value proposition, remove friction from the user journey, build trust at every stage, and make the next step obvious no matter where a visitor lands. Every design decision was tied to a conversion objective, and every page was structured around getting the right user to the right action with as little hesitation as possible.

EuroFresh is a wholesale produce business serving a wide range of customers across hospitality, healthcare, education, and corporate catering. Their core promise is speed, freshness, and logistics reliability. The new site makes that positioning explicit from the first moment, right from the headline: "From Countryside to Kitchen. Overnight."

Before: what the old experience struggled with

The pre-redesign audit surfaced a set of conversion blockers that are remarkably common across B2B and wholesale sites. Individually, none of them are catastrophic. Together, they create a compounding friction problem that quietly suppresses leads and enquiries without anyone realising how much performance they're leaving on the table.

The value proposition on entry was unclear. When a visitor landed on the homepage, they had to work to understand what EuroFresh actually did, who it was for, and why it was different from any other supplier. That's a problem because the first few seconds of a homepage visit determine whether someone stays or bounces, and if the answer to "what do you do and why should I care?" isn't immediately visible, most visitors leave.

There were content gaps around services and differentiation. The things that made EuroFresh genuinely different from its competitors, including its chilled logistics infrastructure, overnight delivery capability, and personalised account management, were either buried deep in the site or missing entirely. The story was there, but the site wasn't telling it.

Social proof was weak or absent. For a business that serves over 500 customers, the old site didn't leverage that credibility effectively. Testimonials were sparse, customer logos were missing, and the kind of trust signals that help a new visitor feel confident about enquiring were largely absent.

The structure and hierarchy were inconsistent. Pages didn't follow a predictable pattern, which made the site feel disjointed and forced visitors to reorient themselves every time they navigated to a new section. Consistent structure creates cognitive ease; inconsistent structure creates cognitive load, and cognitive load kills conversions.

Contact and enquiry pathways were friction-heavy. Getting in touch required too many steps, and the calls to action weren't aligned with where the visitor was in their decision-making process. A first-time visitor exploring their options needs a different entry point than a returning visitor ready to request a quote, and the old site didn't account for that.

Visual quality and page patterns were inconsistent. Photography styles, content block layouts, and spacing didn't follow a coherent system, which undermined the overall sense of professionalism and care that a B2B buyer looks for when evaluating a potential supplier.

These problems are rarely "design taste." They're trust and clarity problems, and they directly impact whether a visitor converts or leaves.

After: what changed, and why it improves conversion

Clear positioning above the fold

The new homepage leads with a strong, specific promise supported by a plain-language description of the offer. Within three seconds of landing on the page, a visitor knows what EuroFresh does, how it's different, and what outcome they can expect. That clarity is the foundation of everything else. If the headline doesn't land, nothing further down the page matters.

Segmentation by customer type

EuroFresh explicitly calls out who it serves: pubs and restaurants, healthcare catering, hotels, event catering, education, travel and leisure, workplace catering. This is a simple but powerful conversion technique. When a visitor sees their own industry reflected on the page, they immediately feel that the site is relevant to them. It reduces cognitive load, increases engagement, and shortcuts the evaluation process by answering the unspoken question "is this for someone like me?" within the first scroll.

Differentiation that feels real

Rather than relying on vague claims about quality and service, the new site spells out the "EuroFresh difference" with specific, verifiable themes: freshness guarantees backed by chilled facility infrastructure, a logistics operation built for overnight delivery, and personalised service from dedicated account managers who know the customer's business. This kind of specificity builds credibility because it gives the visitor something concrete to evaluate rather than marketing language that could apply to any supplier.

Stronger social proof and trust

The new site includes testimonials from named customers and positions EuroFresh as "Trusted by 500+ businesses." Named testimonials with specific details are significantly more persuasive than anonymous quotes, because they give the reader a reference point and imply that the business is confident enough in its relationships to put real names behind its claims.

Better conversion pathways

The calls to action on the new site are specific and intent-matched: "Explore Our Produce," "Request a Tailored Quote," "Talk to an Account Manager," "See Our Logistics." This is what good conversion UX looks like. Instead of a single generic "Contact Us" button that tries to serve every visitor, there are multiple routes designed for different readiness levels. A visitor who's still researching can explore products. A visitor who's ready to buy can request a quote. A visitor who wants reassurance can talk to a human. Each CTA meets the user where they are and moves them one step forward.

Trust and credibility signals throughout the experience

Awards and recognitions are visible throughout the site: BRC Certified, Great Place to Work, sustainability credentials. Whether visitors click on these or not, their presence reduces perceived risk. In B2B purchasing, where the cost of choosing the wrong supplier is high and the switching costs are significant, these signals do real work. They give the decision-maker something to point to when justifying their choice internally, and they differentiate EuroFresh from competitors who might claim similar capabilities but can't back them up with third-party validation.

Practical details that remove friction for high-intent users

Opening hours and contact details are present and easy to find, which helps high-intent users act without hunting. This sounds basic, but it's surprising how many B2B sites make it difficult to find a phone number or an email address. When someone is ready to buy, every second they spend looking for how to get in touch is a second where they might decide it's not worth the effort.

How to measure the impact

A redesign this deliberate deserves measurement that's equally deliberate. Here's how to structure the before/after comparison so the results tell a clear story.

On the lead conversion side, track contact form submissions, quote requests, click-to-call taps on mobile, and email link clicks. These are the primary conversion actions, and comparing the volume and rate before and after the redesign gives you the clearest picture of impact.

For engagement, track scroll depth on key pages, CTA click-through rates, time to first meaningful action, and bounce rate on entry pages. These metrics help you understand whether the new site is better at capturing and holding attention, which is the prerequisite for conversion.

On the SEO side, monitor organic sessions to service pages, branded versus non-branded traffic, and rankings for commercially valuable terms in the wholesale produce space. A good redesign should improve organic performance as well as conversion performance, because clearer structure and better content help search engines understand and rank your pages more effectively.

When presenting the results, keep it clean. "Enquiries up by X% within Y weeks." "CTA click-through improved from A% to B%." "Organic traffic to service pages grew by X%." "Time to first contact dropped by X seconds." No inflated claims. Just clear before/after measurement that demonstrates the value of a conversion-led approach.

Where to place visuals for maximum impact

If you're publishing this as a case study or portfolio piece, the right visual placements make the story much more compelling. Lead with a side-by-side comparison of the old homepage hero versus the new one. Follow that with the old navigation versus the new navigation to show how the information architecture changed. Include a comparison of the old contact journey versus the new CTA structure to illustrate the friction reduction. Use the audit findings as a mid-article visual to bridge the "before" and "after" sections. And close with a before/after checklist graphic that summarises the key improvements at a glance.

These visuals aren't decorative. They're evidence. They show the reader what changed in a way that prose alone can't communicate, and they make the case study more shareable and more memorable.

Key takeaways for any redesign in 2026

Clarity beats cleverness. If your visitor can't understand what you do and why it matters within the first few seconds, nothing else on the page will compensate. Start with the message, not the aesthetics.

Segmentation improves relevance. When visitors see themselves reflected in your site, engagement increases and bounce rates drop. Show your audience that you understand who they are and what they need.

Proof reduces risk. Testimonials, case numbers, certifications, and named references all work because they shift the burden of proof from the visitor's imagination to verifiable evidence. Use them generously and place them where they'll have the most impact.

CTAs must match intent. A single "Contact Us" button is a missed opportunity. Different visitors are at different stages of the decision-making process, and your calls to action should reflect that range.

Trust signals belong in the flow, not buried in a footer. Put them where they'll be seen at the moment they're most relevant, which is usually immediately before or alongside a conversion action.

Conversion is designed, then measured. If you're not designing for specific conversion outcomes and then measuring whether those outcomes improved, you're redesigning for aesthetics rather than performance. Both matter, but only one of them pays for the project.

Any thoughts?

Leave a comment

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Responses
--

ReplyDelete

ReplyDelete