Complete guide

Get Your Website Redesign Right

A complete guide to redesigning your website without losing your search rankings. Audit, migration, modern design and better performance.

The steps to follow

1

Audit your current site

Before any redesign, audit what you already have. Look at your Google Analytics numbers: most visited pages, traffic sources, bounce rate per page, user journeys. Identify the pages that generate the most conversions so you can protect them. Run an SEO audit in Google Search Console: ranking keywords, indexed pages, technical errors. List your existing URLs with their traffic so you can plan the redirects. Measure technical performance with Lighthouse: load speed, accessibility, best practice. Gather feedback from your clients and users: what frustrates them, and what are they looking for and not finding?

2

Decide what the redesign is for

A redesign is more than a new look. Set measurable goals: lift the conversion rate by a given percentage, cut the bounce rate, improve load time, reposition your brand. Identify the priority problems to fix: dated design, confusing navigation, a site that is not responsive, out-of-date content, poor performance. Record your current numbers as a benchmark so you can measure the impact of the redesign. Define your new brand positioning and the image you want to project. Write a detailed brief listing the new features you want and the pages to keep, change or remove.

3

Plan the SEO migration

The SEO migration is the most critical part of a redesign. Handle it badly and your traffic can fall by half or more. Map every current URL and decide where each one should point. Prepare a complete set of 301 redirects: every old URL must lead to the matching new page. Keep the title tags and meta descriptions that are performing. Do not change the URLs of pages that rank well unless you absolutely have to. Tell Google about the change by submitting the new sitemap as soon as you go live. Check Google Search Console every day for the four weeks after the migration to catch 404 errors.

4

Modernise the design and the experience

The new design should be both current and practical. Use today's conventions: clean layouts, large readable type, strong but harmonious colours, subtle micro-animations. Rethink the navigation to simplify it: a clear menu, a logical structure, breadcrumbs. Improve the mobile experience, which now accounts for more than 60% of traffic. Shorten the user journey by cutting the number of clicks to conversion. Use modern interface components: cards, accordions and tabs to organise information. Make trust signals visible: client reviews, partner logos, certifications. Test the new design with real users before you build it in full.

5

Build with modern technology

Use the redesign as a chance to move to a faster stack. Next.js gives you server rendering that is ideal for SEO, and very fast load times. Tailwind CSS keeps your responsive design consistent and maintainable. Use reusable components so future updates are easier. Add lazy loading, automatic image optimisation and sensible caching. Set up a headless CMS if the client needs to manage content regularly. Meet WCAG 2.1 level AA accessibility as a minimum. Put automated tests in place so quality holds up through future updates.

6

Test, launch and monitor

Test thoroughly before launch: responsive layout, cross-browser behaviour, forms, links, performance, accessibility. Check that every 301 redirect works. Test on real devices, not just simulators. Schedule the launch for a quiet traffic period so any problem has less impact. After launch, check daily: traffic, 404 errors, search rankings, conversion rate. Compare the numbers with your benchmark to confirm you have hit your goals. Allow a month of settling in to make the adjustments you will inevitably need. Announce the new site to your clients by newsletter and on social media.

Our advice

Never launch a redesign without a complete 301 redirect plan. It is the number one cause of lost traffic.

Keep the content that performs well in search and focus your effort on the design and the experience.

Budget for two to four weeks of follow-up after launch to handle the inevitable adjustments.

Frequently asked questions

Will a redesign cost me my Google rankings?

Not if the SEO migration is planned properly. With 301 redirects set up correctly and your best content preserved, you will hold your positions and often improve them.

How long does a website redesign take?

Allow two to four weeks for a brochure site and four to eight weeks for an e-commerce site, including the audit, design, build and testing.

Should I change my domain name during a redesign?

No. Keep your existing domain to preserve your SEO authority. Changing domain is a separate exercise, and a far riskier one.

Price up your website in 2 minutes

A price range shown straight away, taken from our published rates

Estimate my price

Ready to get started?

Get a free, tailored quote within 24 hours. No commitment.

Request a free quote