Before & After: Redesigning an Outdated Business Website

A website redesign should solve business problems—not just improve appearance.

This case study walks through how an outdated B2B service website was restructured to improve speed, usability, mobile experience, and lead generation. Rather than adding more features, the goal was to remove friction and create a clearer path for potential customers to enquire.

Note: Client name has been anonymized to protect confidentiality. The process and technical approach reflect a real commercial redesign.

Project overview

Industry Commercial B2B Services Project duration 4 weeks Primary goal Increase qualified enquiries Platform Next.js + Tailwind CSS

The business already had an established reputation offline, but its website hadn't been updated in years. Most visitors arrived from mobile devices, yet the experience felt dated and difficult to navigate.

The biggest problems we discovered

Before designing anything, we audited the existing website from both a technical and user experience perspective.

**Before**

CODE

- Slow loading pages
- Poor mobile responsiveness
- Confusing navigation
- Long contact forms
- Inconsistent branding

**After**

CODE

- Fast, optimized pages
- Mobile-first interface
- Clear service structure
- Simplified enquiry flow
- Consistent visual identity

The redesign wasn't about adding complexity—it was about removing obstacles that prevented visitors from taking action.

1. Rebuilding trust through design

The previous homepage contained multiple competing messages, stock photography, and several different call-to-action buttons.

We simplified the layout around a single value proposition, introduced consistent typography, and used authentic business imagery instead of generic visuals.

What changed

Clear headline explaining the service
Real business imagery instead of stock photos
Consistent spacing and typography
One primary call-to-action throughout the page

Visitors should understand what a business does within seconds—not after scrolling through multiple sections.

2. Optimizing the mobile experience

More than half of the client's visitors were browsing on smartphones, but the old website required excessive scrolling and small touch targets.

The redesigned interface prioritized thumb-friendly navigation, larger buttons, and simplified page layouts.

Mobile improvements

Before	After
Small navigation links	Large touch-friendly menu
Dense page layouts	Clean content hierarchy
Tiny contact buttons	Sticky call & enquiry actions
Poor readability	Accessible typography

A responsive website isn't simply scaled down—it's designed differently for mobile behavior.

3. Improving performance

The original website relied on numerous plugins and render-blocking resources that slowed nearly every page.

Instead of optimizing around the existing structure, we rebuilt the frontend with a lightweight architecture and optimized assets.

Technical improvements included

Image optimization
Static page generation where appropriate
Reduced JavaScript payloads
Modern caching strategy
Cleaner component architecture

The result was a noticeably faster browsing experience across desktop and mobile devices.

4. Simplifying lead generation

One surprising discovery was the contact form.

The previous website asked visitors to complete twelve fields before submitting an enquiry. Most abandoned the process halfway through.

We replaced it with a shorter, progressive enquiry flow that requested only essential information first.

Why shorter forms perform better

Lower cognitive effort
Faster completion
Better mobile usability
Higher quality enquiries through progressive questions

Reducing friction often has a bigger impact than increasing traffic.

Results after launch

Rather than measuring success by aesthetics, we tracked operational improvements during the months following launch.

Page speed 0.7s load time **Down from 6.8s**

Mobile usability Responsive Optimized for modern devices

Enquiry process Shorter Streamlined contact experience

SEO foundation Rebuilt Clean structure & metadata

The most meaningful outcome wasn't a single metric—it was that the website became a tool the business could confidently use in sales conversations and marketing campaigns.

Lessons business owners can apply

If your website is more than five years old, these improvements often deliver the greatest return:

Prioritize mobile experience before desktop refinements.
Simplify navigation and reduce unnecessary pages.
Replace long forms with shorter enquiry flows.
Improve page speed before adding new features.
Use authentic messaging that clearly explains what your business offers.

A successful redesign isn't measured by how different it looks—it's measured by how much easier it makes it for customers to trust and contact your business.