Website Redesign: A Step-by-Step Guide
By Alexander Toth, Founder and CEO of ClearBrand. Last updated June 2026.
A website redesign changes how your site looks, performs, and ranks. Rush it, and you can erase years of search traffic in a single launch.
Most “facelift” projects skip past that risk. The work that protects your traffic sits underneath the design, in the redirects and the platform you build on.
I have run multiple stacks. ClearBrand built client sites on WordPress for years before moving to Webflow. I have watched what carries a site through a rebuild and what breaks on launch day. This guide is the process I use to prevent the breaks.
What is a website redesign?
A website redesign is a significant overhaul of an existing site’s structure, design, content, and technical foundation. It differs from a refresh, which updates surface elements like colors and images. A redesign rebuilds how a site looks and ranks so it serves your business goals and your visitors better.
A real redesign touches four areas:
- Structure. Navigation, page layouts, and how information is organized.
- Design. Visual style, colors, typography, and imagery.
- Content. Rewriting, reorganizing, and pruning pages.
- Technical foundation. Page speed, mobile behavior, code quality, and often the platform itself.
The aim is a site that performs better for visitors and for search engines at the same time.
Website redesign vs. website refresh
A refresh updates surface elements on the same foundation. You might swap the color scheme, update photos, or adjust a layout, and the bones stay the same.
A redesign rebuilds the foundation. You change the structure, the functionality, and often the platform underneath it.
Pick a refresh when the structure works and the look feels dated. Pick a redesign when navigation, speed, conversions, or the platform hold you back.
| Refresh | Redesign | |
|---|---|---|
| Scope | Surface only | Structure, function, platform |
| Typical cost | Low | Higher, scales with scope |
| Timeline | Days to weeks | 8 to 16 weeks |
| SEO risk | Minimal | High if redirects are skipped |
Signs it’s time to redesign your website
A few symptoms tend to show up together before a redesign earns its cost:
- Your site loads slowly or breaks on mobile.
- Visitors land and leave without converting.
- The design no longer matches your brand or your competitors.
- You cannot update pages without a developer.
- The platform limits what your marketing team can ship.
- Search and AI traffic have stalled or slipped.
Check these against your own analytics before you commit. One outdated page is a content fix. Several of these at once point to a foundation problem.
One trigger I see often is a site nobody on the team can edit. Some clients come to us after building a custom-coded or AI-built site. Then they hit the point where the team needs to update pages without a developer. A custom build rarely allows that, so the rebuild becomes about ownership as much as appearance.
The website redesign process, step by step
The order below matters most where SEO is concerned. Skip the early steps and you risk launching a prettier site that ranks worse than the one you replaced.
Step 1: Audit your current site and set a baseline
Pull your numbers before you touch anything. I want top pages by traffic, top converting pages, current keyword rankings, and Core Web Vitals from Google Search Console and Google Analytics 4. A full crawl with a tool like Screaming Frog gives you the complete URL inventory you will need in Step 4.
Those numbers become the baseline you protect and measure against after launch. You cannot tell whether a redesign helped if you never wrote down where you started.
Step 2: Define goals and success metrics
Tie the redesign to one or two business outcomes. More qualified leads and higher conversion on key pages are good ones. Vague goals like “look more modern” lead to pretty sites that change nothing.
Write down the metric you expect to move and the number it sits at today.
Step 3: Research competitors and your users
Look at how competitors structure their navigation and content, not only their visuals. Then map what your own visitors do on the current site, where they land, and where they drop off.
Google Analytics 4 shows you landing and exit pages and the paths visitors take. Search Console shows which queries and pages already earn clicks. Pull both before you redraw the structure.
Use that data to inform the new layout. Copying a competitor’s look without their context tends to import their problems.
Step 4: Map content and build a redirect plan
Catalog every URL on the existing site. Decide which pages stay, which merge, and which retire. For every URL that changes, plan a 301 redirect to its closest new equivalent. When a page has no clear match, send it to the most relevant parent page rather than the homepage.
Google recommends server-side permanent redirects like 301s, and it warns against chaining them because long chains add latency and slow recovery. Point each old URL straight at its final destination.
A simple version of the map looks like this:
| Old URL | New URL | Action |
|---|---|---|
| /old-services/ | /services/ | 301 redirect |
| /blog/post-a/ | /blog/post-a/ | Keep, no change |
| /retired-page/ | /resources/ | 301 to parent |
I treat this map as the most important document in the project. Build it before design starts, not the night before launch. It is what keeps your search traffic from disappearing on launch day.
Step 5: Design and prototype
Move from sitemap to wireframes to high-fidelity design. Prototype the key templates and test them before anyone writes code.
Keep the pages that already rank and convert close to their working structure. A redesign is a chance to improve those pages, not a reason to gut them.
Step 6: Build, then protect your rankings
To keep your rankings through a redesign, apply a 301 redirect from every old URL to its closest new equivalent before launch. That single habit prevents most redesign traffic losses.
Run the rest of the parity checklist before you go live:
- Keep titles, headings, and body content on the pages that rank.
- Preserve or improve page speed rather than regress it.
- Carry over structured data and image alt text.
- Stage the new site, crawl it, and fix errors first.
Speed is where many attractive redesigns lose ground. Google’s Core Web Vitals set a “good” Largest Contentful Paint at 2.5 seconds or less, and good vitals align with what its ranking systems reward. On our builds, the minimum I shoot for is 75 to 80 on PageSpeed Insights, with pages loading in under three seconds. A redesign that looks better but loads slower is a step backward for users and rankings.
Step 7: Carry your AI search signals through the rebuild
Most redesign guides stop at Google’s blue links. AI Overviews, ChatGPT, and Perplexity now shape a real slice of how people find sites. A rebuild can wipe out the signals that earn those citations.
In our client data, AI platforms send roughly 5% to 10% of the traffic and leads that Google does. I treat that as a first-party observation from our accounts, not an industry figure. That is smaller than the AI hype suggests, and it is large enough to protect.
Carry your entity and content signals through the rebuild. Clear structure and content written from real experience are what earn citations.
We built our own Webflow SEO agency page as a listicle first, then added a knowledge base of Webflow topics around it. That sequence is the repeatable part. How ChatGPT and Perplexity choose sources changes constantly and stays mostly a black box. The durable approach is clear, useful content built on real structure.
Step 8: Launch, monitor, and iterate
Launch during a low-traffic window. Resubmit your sitemap in Search Console. Watch the Page Indexing report and URL Inspection tool for crawl errors and coverage drops.
Compare live metrics against the Step 1 baseline. Treat the first 30 days as active monitoring, not a finish line. Small ranking dips are common; a sustained drop usually points back to a missed redirect.
Google’s own guidance notes that a move plus content and URL changes can cause temporary traffic loss while it relearns your pages. Patience and clean redirects shorten that window.
How long a website redesign takes
Most professional website redesigns take 8 to 16 weeks. Page count, custom functionality, and content readiness drive that range more than design does.
On our projects, the most common reason a timeline slips is content. Design moves fast once decisions are made. Waiting on copy, photos, and approvals is what stretches a 10-week build into a 16-week one.
What a website redesign costs
Cost scales with scope. The biggest drivers are:
- Number of pages and templates.
- Custom design versus a template starting point.
- Custom development and integrations.
- Content production, including copy and photography.
ClearBrand’s Webflow design and development starts at $14,999, and our ongoing AI SEO retainers start at $4,999 per month. You can see the full breakdown on our pricing page.
A single industry average would be a guess, since a five-page site and a 200-page site share almost nothing. Define your scope first, then collect quotes against that same scope so you compare like for like.
DIY, freelancer, or agency: how to decide
Building it yourself on a website builder works for small, simple sites and tight budgets.
A freelancer fits mid-size sites that need design help without full strategy.
An agency fits sites where search traffic, conversions, or revenue are on the line.
Match the investment to the stakes. If your site drives real revenue, the cost of losing rankings during a botched rebuild outweighs any design fee you saved. If it does not yet, a leaner path is the honest call. We turn down work when a prospect would get more from a Google Business Profile and reviews than from a full redesign.
How to vet whoever builds it
A polished portfolio is not enough on its own. Before you hire anyone, run a few checks I use myself:
- Measure the speed of sites they built. Run a few of their live projects through PageSpeed Insights. A fast, attractive site is harder to build than a fast plain one or a slow pretty one.
- Ask to see a back end. It should be well organized. A messy back end is a red flag, because clean structure is a choice the builder either makes or skips.
- Read the reviews. Look for clients who stayed and kept editing their own sites after launch.
Choosing the right platform for your redesign
I built ClearBrand on WordPress for years before switching to Webflow. WordPress is an empty container you assemble from a theme, a builder, plugins, and separate hosting. Each piece is a separate cost and a separate point of failure. One bad plugin update can break the design or take the site down.
There is also a design-versus-speed trade-off baked into all builders. The fast ones are restricted, and the good-looking ones are slower. GeneratePress, for example, is very fast but limited on design. Unless you hand-code the site, better design almost always means a slower one.
We tested Webflow on some client sites for a couple of years, then moved over fully. The design control is strong, and the back end stays clean and easy enough for clients to edit. Permission controls let someone change content without breaking the layout.
Hosting, backups, and platform updates are built in, with no add-on costs. For most people, that makes Webflow both cheaper and faster than WordPress, because most people never learn to build a fast WordPress site.
Webflow also earns its place when content gets complex. Its CMS handles separate content types well, so podcasts, blogs, resources, and integrations each get their own clean structure. Those CMS types also make the site programmatic, which is what lets you ship scalable marketing pages fast.
It connects to AI through an MCP connector too. An assistant like Claude can add blog posts straight into the CMS when it is set up correctly. A lot of SaaS companies are moving over for those reasons.
Here is how the main options compare for a marketing site:
| Platform | Design control | Speed | Team editing | Best fit |
|---|---|---|---|---|
| Webflow | High | Fast (average 2.4s load) | Strong, with permissions | SaaS and B2B marketing sites |
| WordPress | High with effort | Varies by stack | Builder-dependent | Highly custom builds with a dev team |
| Shopify | Moderate | Fast (average 2-2.5s load) | Strong | Ecommerce with a large catalog |
| Wix / Squarespace | Lower ceiling | Moderate (average 3.4-3.6s load) | Easy | Small, simple sites |
Webflow is not always the answer:
- Highly custom builds with a team that edits code directly can still call for WordPress or Magento.
- Ecommerce with a large product catalog usually belongs on Shopify, at least for now.
- Hosted builders like Wix and Squarespace are fastest and cheapest for small, simple sites, with lower ceilings on design and scalable marketing.
For most marketing sites, especially SaaS and B2B, Webflow hits the balance of design quality, speed, and a back end your team can manage. I dig into the trade-offs in our Webflow vs. WordPress comparison, and you can see how we run builds on our Webflow design agency page.
What a successful redesign protects and improves
A redesign done right protects the traffic you have and grows the visibility you want. Our fintech client KleerCard is a useful benchmark for that second part.
In their first-party Search Console data, clicks rose 30% and impressions rose 250%, and AI Overview citations showed up inside the first two months. Within about six months, roughly half of new customers were coming from organic search. The search visibility moved first, and the larger business result followed. You can read the full breakdown in the KleerCard case study.
That is the level a redesign should aim for. It should look better and earn more of the search and AI visibility your business runs on.
Frequently asked questions
How long does a website redesign take?
Most professional redesigns take 8 to 16 weeks. Smaller sites move faster, and large sites with custom functionality take longer. Content readiness drives the timeline more than design does.
How much does a website redesign cost?
Cost depends on scope: page count, custom design and development, content, and integrations. Define your scope first, then gather quotes against it. ClearBrand’s Webflow builds start at $14,999.
How do you redesign a website without losing SEO?
Map a 301 redirect from every changed URL to its closest new equivalent before launch. Keep the content, titles, and headings on pages that already rank. Preserve page speed and structured data, then watch Search Console closely after going live.
How often should you redesign your website?
A full redesign every three to four years suits most businesses, with smaller refreshes in between. Let performance decide rather than the calendar. Slow speed, poor mobile experience, or stalled conversions are stronger signals than a site’s age.
Should I redesign or refresh my site?
Refresh when the structure works and only the look feels dated. Redesign when navigation, speed, conversions, or the platform hold you back. A refresh costs less and moves faster, while a redesign fixes foundational problems.
Will a redesign help my site rank in AI search?
It can, if you carry your content and entity signals through the rebuild. Clear definitions, structured data, and content written from real experience help AI Overviews and assistants surface your pages.
A redesign is worth doing right
A redesign is a chance to improve how your site performs and a risk to the traffic you already have. The work that decides which way it goes happens before launch, in the redirect map and the SEO parity checks.
Book a Right Fit call if you want a partner who builds search and AI visibility into the redesign, not bolted on later. If you are better served handling it yourself, the process above stands on its own.
About the author
Alexander Toth is the Founder and CEO of ClearBrand, a Webflow design and SEO agency he started in 2017. He works with SaaS, fintech, and B2B tech companies on search and AI visibility. His fintech client KleerCard saw organic clicks rise 30% and impressions rise 250% after a rebuild. His work has been featured in a Wall Street Journal bestselling marketing book, and he was a StoryBrand Certified Guide for over 6 years.