Skip to main content

CreateWeb

Website Redesign: A Comprehensive Guide for an Existing Website (and When to Use AI)

August 13, 2025

Blurred blue curved shape on a white background.
Group of professionals discussing project data and a website redesign in a meeting room with laptops and notes.
Soft turquoise curved blur on a white background.

Your site still works. Orders still come in. But the pages look older than your competitors’, the menu has grown into a maze, and nobody on the team wants to send the link to a new client.

A website redesign changes the look, structure and code of an existing website so it serves today’s visitors and business goals, while keeping the domain, the content that works and your Google rankings. Done well, it is usually faster and cheaper than a new build, because it reuses what already works. Done badly, it can wipe out years of search traffic in a week.

This guide walks through the whole redesign process: what to change, when it is worth it, how much it costs, how long it takes, how to protect SEO and where AI helps. The CreateWeb team has been building and redesigning websites since 2018, and every number about our work below comes from our own service pages.

What Is a Website Redesign Called, and What Does It Include?

A website redesign is also called a website overhaul, a website revamp or a site relaunch; all of them mean reworking an existing site rather than starting from zero. The name matters less than the scope.

A redesign usually touches four layers at once:

  • Visual design (UI): colours, typography, font sizes, icons, images and the logo placement. This is the layer people notice first.
  • User experience (UX): navigation, page order, forms and the path from the home page to an enquiry or an order.
  • Content and information architecture: which pages exist, how they are grouped and what each one is for.
  • Technology: the theme or code, page load speed, responsive design and the basic SEO structure.

A designer changes the first two. A developer changes the last one. On most redesign projects, design and functionality are planned by the same team. The content layer needs the business owner, because only you know which services matter now. That is why website design and development should be planned together. If you want a refresher on the basics, our guide to what web design is covers the terms.

What a redesign keeps is just as important: the domain, the history in Google, the pages that already rank and the data on what visitors do. Starting from that data is the main difference between a redesign and a brand-new website.

What Is the Difference Between a Website Redesign and a Refresh?

A refresh changes how the site looks; a redesign also changes how it works. If the structure and the code are sound, a refresh is often enough.

Option What changes When it fits
Visual refresh Colours, font, images, buttons, small layout tweaks The site is fast and clear but looks dated
Full redesign New UI and UX, reworked structure, faster code Several problems at once, same business model
New build New platform, new structure, content moved over Old platform blocks growth or the business has changed

Our rule of thumb is simple. If the problems are visual, refresh. If they are systemic, such as slow pages, a confusing menu or a site you cannot edit yourself, redesign. If the platform itself is the problem, a new WordPress site with migrated content usually pays off.

Split view of an outdated website on the left and its redesigned version on desktop and mobile on the right
A redesign changes the look, the structure and how the site works on mobile.

A redesign is the honest answer when you would otherwise patch the same site every few months. A refresh is the honest answer when the site already converts and only the look has aged. We say this before quoting, because the wrong choice costs money without fixing anything.

When Should You Redesign Your Current Website?

Redesign your website when it looks dated next to competitors, loads slowly, is hard to use on a phone, or no longer matches what your business sells. Age alone is not a reason.

Concrete signals worth checking:

  1. It fails Core Web Vitals. Google treats a page as good when Largest Contentful Paint is 2.5 seconds or less, Interaction to Next Paint is 200 ms or less and Cumulative Layout Shift is 0.1 or less. These thresholds are measured at the 75th percentile of visits, as explained on web.dev’s Core Web Vitals page.
  2. It is awkward on a phone. Small buttons, text you have to zoom and a menu that hides key pages. Google indexes the mobile version first, so this hurts rankings too.
  3. Enquiries drop while your services stay the same. Check the bounce rate and conversion rate in Google Analytics 4 before blaming the market.
  4. The brand has moved on. A new logo, new services or a new market that the current website does not show.
  5. You cannot edit it yourself. If changing one text needs a developer, the system is too old.
  6. Accessibility gaps. Since 28 June 2025 the European Accessibility Act covers many online shops and services. Our web accessibility guide explains what WCAG 2.2 asks for.
Laptop with a business website next to charts on brand trust and the customer journey
An outdated site sends the wrong signal before a visitor reads a word.

One signal on its own rarely justifies a full redesign. Three or more usually do. If you are not sure, start with a data check. It will make your website decision easier and cheaper. Our article on an outdated website that costs you clients describes the symptoms in more detail.

How to Redesign an Existing Website: A Data-Driven Website Redesign Process

To redesign an existing website, audit what works, set measurable goals, plan the structure, design and build on a staging copy, migrate SEO with 301 redirects, test, then launch and monitor. Each step in the redesign process ends with an approval, so nothing surprising reaches the live site.

Our own redesign process has six steps, and the old site stays live the whole time. Think of this section as a short, comprehensive guide to the design process. Below is the same process in more detail, so you can run it with any team.

Team planning a website redesign around a table with laptops, charts and sticky notes
Every redesign starts with an audit and a plan agreed by the whole team.

1. Audit the current site

Start with data, not opinions. Pull the pages with the most traffic and the most enquiries from Google Analytics. Pull the search queries and indexed pages from Search Console. Run the key templates through PageSpeed Insights.

Add qualitative data. Heatmaps and session recordings show where real users hesitate. A short website analysis puts the findings in one document: keep, rework, merge or remove for every page. If you want to do it yourself, see our list of website analysis tools.

2. Set business goals and user experience targets

A redesign without goals ends in a debate about colours. Write down two or three goals and the metric for each. Examples: more contact form submissions, a lower bounce rate on service pages, LCP under 2.5 seconds on mobile.

Record today’s numbers as the baseline. You will compare against them after launch. This is what makes the project data-driven rather than a matter of taste.

3. Planning a website structure: content and information architecture

Decide which pages will exist and how they are grouped. Keep every page that ranks or converts. Merge thin pages that compete for the same topic.

Your content strategy belongs here too. Old texts often need rewriting for the new structure, and someone must own that work. Content is the most common reason a redesign project slips.

4. UX design: wireframes and prototype

Wireframes show the layout of each key page without colours or images. They answer one question: can visitors find what they came for? A clickable prototype in Figma lets you test the navigation before anyone writes code.

Run quick usability testing at this stage. Five people from your audience, one task each, will catch the worst navigation problems. User testing this early is cheap. Changes cost minutes in a prototype and days after development.

5. Web design and UI

Now the visual elements arrive: typography, colour, imagery, buttons and the logo. The design team turns the wireframes into final design elements. Good UI design follows the brand and the wireframe, so the design phase is about consistency, not novelty.

Design for mobile first. A responsive layout must work on phones, tablets and desktops, with tap targets large enough for a thumb. WCAG 2.2 sets a minimum target size of 24 by 24 CSS pixels.

6. Development on a staging copy

Build the redesigned website on a separate staging address. The old site keeps selling while you work. On WordPress, this is also the moment to drop plugins you no longer need and to optimize images and code for page load.

7. SEO migration and testing

Map every old URL to its new address and set 301 redirects. Then test forms, the cart, page speed, mobile layout and accessibility. Test on real phones, not only in a browser window resized on a laptop.

8. Launch and monitoring

When the new version goes live, watch Search Console daily for the first weeks. Look for 404 errors, pages that drop out of the index and queries that lose position. Compare the conversion rate and website performance against the baseline from step 2.

What to change first on different types of sites

The same redesign process applies to every site, but the priorities differ. A redesign focused on the wrong pages wastes the budget.

  • Company website. Start with the service pages and the contact path. These pages carry most website conversions. Make sure every service has its own page and a clear next step.
  • Online store. Start with the product page, the cart and mobile checkout. Keep product URLs, categories and customer accounts. Test payments and couriers before launch.
  • Landing page. One offer, one form, proof close to the button. A landing page for paid ads needs fast load times, because every visitor costs money.
  • SaaS website. Start with the pricing page, the sign-up flow and the documentation links. Visitors compare plans, so clarity beats decoration.

On every type, check the website elements visitors use most: the menu, search, forms and buttons. Website responsiveness on phones comes before desktop polish. Modern design techniques, such as larger type and more white space, help only when they make content easier to scan.

A good redesign also lines up with your marketing strategy. If most website visitors arrive from search, protect the pages that rank. If they arrive from ads, the landing page matters more than the home page. Strategic website decisions start from where people come from, not from the home page down.

A short website redesign checklist

  • Baseline numbers saved: traffic, enquiries, rankings, Core Web Vitals.
  • List of pages to keep, merge and remove.
  • Redirect map from every old URL to its new address.
  • Staging site tested on real phones.
  • Forms, cart and payments tested end to end.
  • Analytics and Search Console working on the new site.
  • Someone responsible for monitoring after launch.

How Can You Redesign a Website Without Hurting SEO?

Keep the URLs that rank where you can, redirect every URL that changes with a 301, and keep the content that earns traffic. Most ranking losses after a redesign come from missing redirects.

Google’s guidance on moving a site with URL changes is clear. Use server-side permanent redirects (301 or 308). Point each old URL straight to its final new URL, without chains. Update internal links, canonical tags and the sitemap. Keep the redirects for at least one year.

In practice, search engine optimization during a redesign comes down to a few habits:

  • Do not change URLs for fun. A new design does not need new addresses.
  • Keep the texts that rank. You can restyle a page and still keep its content and headings.
  • Keep titles and meta descriptions on pages that already perform, unless you have data that a change will help.
  • Submit the new XML sitemap in Search Console on launch day. Our sitemap guide shows how.
  • Speed up the pages. Faster pages pass Core Web Vitals more easily, and Google uses them in its ranking systems.

A short dip after launch is common while Google recrawls the site. A deep or long drop usually means broken redirects, removed content or a noindex tag left over from staging. Check those three first.

How Much Does a Website Redesign Cost?

A website redesign costs less than a new site of the same size, because you reuse the domain, content and data. The final price depends on the number of pages, the features and whether the platform changes.

As a guide, a new company website with us costs €1,500–8,000 and an online store €3,000–15,000. A partial redesign of an existing WordPress site is usually below these figures. A full redesign gets close to them. You get an exact price after a short audit, and the current ranges are always on our website redesign service page.

What moves the price up:

  • More templates. Ten different page types cost more than ten pages built on two templates.
  • New functionality. Booking, filters, integrations with a CRM or invoicing system.
  • Platform change. Moving from a closed builder or an old CMS to WordPress means a content migration.
  • Content work. New copy, photography and translations.
  • Online stores. Products, categories, customers and orders must move without breaking sales.

A useful quote lists the work, not only the total. Look for these lines:

Line in the quote What it should say
Audit Which data will be reviewed and what you get at the end
Design Number of page templates, mobile layouts and revision rounds
Development Platform, theme or custom code, plugins and integrations
SEO migration Redirect map, metadata, sitemap and checks after launch
Testing Devices, browsers, forms, cart and payments
After launch Monitoring period, training and maintenance options

If a line is missing, ask about it before you sign. Missing lines are where surprises appear later.

Be careful with very low quotes. A cheap redesign often skips the audit and the redirect map, which are the two steps that protect your traffic. Our article on what a WordPress site really costs over three years shows where the money goes.

How Long Does a Website Redesign Take?

A company site usually takes a few weeks, and a large online store takes up to around 12 weeks. The timeline depends on scope and on how fast decisions come back.

Typical time sinks are not technical:

  • content that arrives late;
  • feedback rounds without a clear owner;
  • new features added mid-project (scope creep).

The order of the phases rarely changes. Audit and goals come first. Structure and wireframes follow, then the visual design. Development and content entry can overlap. Testing and the SEO migration take place on the staging copy before launch.

What changes is how long each phase lasts. A site with five templates moves fast. An online store with filters, variants and integrations needs more design and more testing. A platform change adds a content migration, which is often the slowest part.

Agree on the scope, the number of revision rounds and the dates in writing before design starts. Each phase should end with a named deliverable: audit report, wireframes, approved design, staging site, launch. That keeps the website redesign project on schedule.

Can You Redesign a Website With AI? When to Use AI and When Not

AI can speed up parts of a redesign, but it cannot run the whole website redesign process for you. It is a fast assistant, not a project owner.

What AI models do well today:

  • Generate layout ideas and a first prototype from a description or a screenshot.
  • Draft headings, microcopy and alt texts that a person then edits.
  • Suggest colour palettes and font pairings.
  • Summarise analytics exports and point to pages worth a closer look.

Several AI website tools promise an AI website redesign from a single URL. Many offer a free trial. Rebuilding an existing website with AI this way gives you a new look in minutes. Try one if you are curious. You will usually get a clean template quickly. What you will not get is your business goals, your redirect map, your integrations, or knowledge of which pages bring customers.

An AI agent has no stake in your rankings. It may rename pages, drop content or ship a layout that looks like a thousand other sites. Use AI for drafts and ideas. Keep a person responsible for structure, content, SEO and testing. Our article on website development with AI goes deeper into where the line is today.

Should You Redesign Your Website Yourself or Hire an Agency?

Do a visual refresh yourself if you are comfortable with your CMS; hire a team when traffic, sales or a platform change are at stake. The risk sits in the parts you cannot see.

A DIY approach works when:

  • the site is small, with fewer than ten pages;
  • you are keeping the same URLs and the same theme;
  • you only need new colours, a new font and fresh images.

Hire a web design agency when:

  • the site ranks well and you cannot afford to lose that traffic;
  • it is an online store with live products, orders and customers;
  • you are changing platform or merging several sites;
  • you need accessibility work under WCAG 2.2;
  • nobody on your side has time to manage the project.

When you compare agencies, ask for real portfolio links, the process in writing and who handles redirects. A full-service agency covers a range of services: design and development, hosting and maintenance after launch. That matters, because a redesigned website needs care once it is live. Our guide on choosing a web design agency has a checklist of questions to ask.

What Are the Most Common Website Redesign Mistakes?

The most expensive website redesign mistakes are skipping the audit, forgetting redirects and letting the scope grow without limits. All three are avoidable.

  1. Redesigning because “it is time”. Without baseline data you cannot tell whether the new site is better.
  2. No redirect map. Old URLs return 404 errors, and rankings fall.
  3. Scope creep. “One more thing” every week until the budget and the deadline are gone.
  4. Design by committee. Everyone’s favourite colour ends up on the page. Decide who approves.
  5. Ignoring mobile. Approving designs only on a large monitor.
  6. Throwing away content that ranks. Shorter is not always better.
  7. Launching without testing forms. A broken contact form can go unnoticed for weeks.
  8. No plan after launch. Plugins age, content goes stale and speed drops again. Ongoing website maintenance keeps the new site in shape.

A related trap is chasing trends. A redesign should make the site clearer and faster for people who use it. Copying the latest gallery shots does not do that. Clear navigation and intuitive design outlast any visual fashion. If you want to modernize the look, do it on top of a structure that already works. Our guide on UI and UX design explains the design principles behind that.

Frequently Asked Questions

These are the questions business owners ask most often before a redesign starts. Each answer stands on its own.

Will a website redesign change my URLs?

Not necessarily, and it should not unless there is a reason. Most redesigns can keep the existing URL structure and change only the design and the code. If some addresses must change, map each old URL to its new one and set a 301 redirect. Google recommends keeping those redirects for at least a year.

Can my current site stay online during a redesign?

Yes. The new version is built on a separate staging address while the current site keeps working. Visitors see the old site until the launch. On launch day the new version replaces it, and the redirects take effect at the same moment.

Do I need new content for a redesign?

Not always. Pages that rank and convert should keep most of their text. Weak or outdated pages are the ones to rewrite or merge. Plan the content work early, because late content is a common reason for delays.

Can I keep my logo and brand during a redesign?

Yes. Many redesigns keep the logo, the brand colours and the tone of voice. The work then focuses on layout, navigation, speed and mobile use. If the brand itself is changing, the redesign is the right moment to apply it everywhere at once.

Does a website redesign improve the conversion rate?

It can, but only if the redesign fixes what stops visitors from acting. Clearer navigation, faster pages and simpler forms usually help. A redesign that only changes colours rarely moves conversions. Measure the conversion rate before and after, against the same baseline.

What should I measure before and after a redesign?

Measure organic traffic, enquiries or sales, the conversion rate, the bounce rate and Core Web Vitals. These numbers ensure your website is judged on results. Save the numbers from before launch. Compare the same metrics a few weeks after launch, and again after about three months. Search Console shows whether key pages kept their positions.

What happens after the redesigned website goes live?

The first weeks are for monitoring. Check Search Console for 404 errors and indexing problems, test forms again and watch the key metrics. After that, the site needs regular updates, backups and speed checks to ensure your site stays fast and secure. A maintenance plan keeps the new site from ageing as fast as the old one.

Conclusion: Redesign for Results, Not for Looks

A website redesign is a business decision with a technical core. The look is the part people talk about. The audit, the redirect map and the testing are the parts that decide whether the new site earns more than the old one.

Our view is that the best redesign starts with the pages that already work and protects them first. Everything else, from colours to AI tools, comes after that. A redesign that keeps your rankings and makes the next step obvious for visitors beats a spectacular one that starts from zero in Google.

If your site shows several of the signals above, write to us for a short audit. For a brand-new site rather than a redesign, see our website development service.

/inspiration, expert advice and news

Последна актуализация: