How to Redesign Your Website Without Killing Your Conversion Rate

Table of Contents

A website redesign is one of the riskiest things you can do to your business. That sounds dramatic, but the data backs it up. According to Orbit Media’s 2024 Web Design Standards study, the average website is redesigned every 2.5 years, and a significant percentage of those redesigns result in a temporary or permanent drop in conversions. I have personally audited businesses that lost 30% or more of their leads after launching a new site because nobody thought to protect what was already working.

The problem is not that redesigns are bad. Your website absolutely needs to evolve. The problem is that most redesigns prioritize aesthetics over performance. They start with “let’s make it look modern” instead of “let’s figure out what’s converting and make sure we keep it.” This guide is the framework I use with every client who comes to me mid-redesign or post-redesign wondering where their leads went.

Why Website Redesigns Kill Conversions

Before we talk about solutions, you need to understand the common ways a redesign destroys conversion performance. These are not edge cases. I see at least two of these in every post-redesign CRO audit I conduct.

Removing pages that were converting. During a redesign, teams consolidate content and cut pages they consider redundant. The problem is that “redundant” pages often rank for specific keywords and drive qualified traffic. When those pages disappear without redirects, that traffic hits 404 errors and bounces. According to Ahrefs’ research on content pruning, sites that remove indexed pages without proper redirects can lose up to 60% of organic traffic to those pages permanently.

Changing URL structures without redirects. Your old site had /services/web-design/ and your new site has /what-we-do/design/. If you do not set up 301 redirects from every old URL to its new equivalent, you lose the link equity and ranking authority those pages had built over years. Google treats the new URL as a brand new page with zero history.

Redesigning forms that were performing. I audited a business last year that had a three-field contact form converting at 8.2%. During their redesign, the designer replaced it with a multi-step form with twelve fields because it “looked more professional.” Their form conversion rate dropped to 1.9%. That is a 77% decrease in leads from the exact same traffic.

Burying calls to action in the new layout. New designs often push CTAs below the fold, reduce their visual prominence, or change the language from something specific like “Get Your Free Quote” to something vague like “Learn More.” According to WordStream’s analysis of CTA performance, specific, benefit-driven CTA text outperforms generic alternatives by up to 202%.

Slowing down page load times. Modern designs love large hero images, video backgrounds, and heavy JavaScript animations. Google’s research shows that as page load time increases from 1 to 3 seconds, the probability of bounce increases by 32%. From 1 to 5 seconds, that jumps to 90%. Your beautiful new site might be loading so slowly that visitors leave before they ever see it.

Step 1: Audit Your Current Site Before You Touch Anything

The single biggest mistake I see is starting a redesign without documenting what is currently working. You cannot protect conversions if you do not know where they are coming from. Here is the audit I run before any redesign begins.

Map your top converting pages. Open Google Analytics 4, go to Reports > Engagement > Landing Page, and sort by key event rate. Export your top 20 landing pages by conversion volume. These are the pages you absolutely cannot break. Every one of them needs to maintain its URL, its core content structure, and its calls to action.

Document your current conversion paths. Use GA4’s Path Exploration to trace the actual journeys visitors take from landing page to conversion. You might discover that your pricing page is a critical middle step even though it gets relatively little direct traffic. Removing it or changing its URL would break the path. If you want a deeper walkthrough of how to set up this analysis, my guide on using GA4 to find conversion leaks covers the process step by step.

Screenshot and record every form. Document every form on your site including the exact fields, field order, labels, placeholder text, button text, and any microcopy around them. Forms are often rebuilt from scratch during redesigns, and small changes to form structure can have massive conversion impacts.

Run a full crawl. Use Screaming Frog or Sitebulb to crawl your current site and export every URL. This becomes your redirect mapping document. Every single URL on your current site needs to map to a destination on your new site.

Step 2: Build a Conversion Baseline You Can Measure Against

Before the redesign goes live, you need numbers you can compare against later. Without a baseline, you will have no way to tell whether the redesign helped or hurt. “It feels like we’re getting fewer leads” is not actionable. “Our form submission rate dropped from 4.1% to 2.3% on the services page” tells you exactly what to fix.

Record these metrics for at least the 90 days before the redesign launches:

  • Overall site conversion rate broken down by traffic source
  • Page-level conversion rates for your top 20 pages
  • Form completion rates for every form on the site
  • Average page load time across desktop and mobile
  • Bounce rate by landing page for your highest-traffic entry points
  • Mobile vs. desktop conversion rate split

Store this data somewhere permanent. You will reference it weekly for at least two months after launch.

Step 3: Protect Your SEO During the Redesign

Conversion rate means nothing if you lose the traffic that was feeding your conversions. According to Semrush’s analysis of website migrations, approximately 80% of sites experience some organic traffic loss during a redesign, and many never fully recover. The ones that do recover follow a strict migration protocol.

Create a complete redirect map. Every old URL maps to a new URL via a 301 redirect. No exceptions. If a page is being removed, redirect it to the most relevant surviving page. Never redirect everything to the homepage. That signals to Google that the original content no longer exists anywhere.

Preserve your title tags and meta descriptions. If a page was ranking well, do not rewrite its title tag and meta description during the redesign. You can update them later through controlled testing. Changing them all at once makes it impossible to diagnose what caused any ranking changes.

Keep your heading structure. If your H1 on a page included your target keyword and the page ranked for it, keep that H1. Designers often want to change headings to shorter, more “design-friendly” text. Do not let aesthetics override what is driving organic traffic to your business.

Maintain internal linking. Your current site has an internal link structure that helps search engines understand which pages are most important. When you rebuild navigation and in-content links, make sure you are not orphaning pages that used to receive internal link equity. For more on how internal linking drives both SEO and conversion performance, check out my guide on combining SEO and CRO strategy.

Step 4: Design with Conversion Data, Not Just Aesthetics

Here is where most redesigns go wrong. The design team creates mockups based on what looks good in a portfolio, not on what the data says about how visitors actually use the site.

Use heatmap data to inform layout decisions. Before redesigning any high-traffic page, review its heatmap and scroll map data. If 45% of visitors click on a specific element, that element needs to remain prominent in the new design. If scroll maps show most visitors stop scrolling at a particular point, the new design needs its most important content above that threshold. Our guide on using heatmaps for conversion optimization explains exactly how to extract these insights.

Keep what works and test what is new. Your current above-the-fold hero section converts visitors at a specific rate. If you want to change it, plan an A/B test after launch rather than replacing it outright. This way, if the new version underperforms, you have data showing why and can revert quickly.

Prioritize speed from the start. According to Portent’s research, a site that loads in 1 second has a conversion rate 3x higher than a site that loads in 5 seconds. Build performance requirements into your design brief. Set maximum file sizes for images. Require lazy loading for below-the-fold content. Test load times on actual mobile devices, not just Chrome DevTools throttling.

Do not redesign forms unless the data says they are broken. If your contact form converts at a healthy rate, recreate it exactly as it is in the new design. I mean exactly: same fields, same order, same labels, same button text. You can optimize forms later through A/B testing, but launching with untested form changes is gambling with your lead flow.

Step 5: Stage, Test, and Validate Before Going Live

Never launch a redesigned site without thorough testing on a staging environment. This is not optional. Here is the pre-launch checklist I use.

Conversion path testing. Walk through every conversion path on the staging site. Submit every form. Complete a test purchase if it is e-commerce. Click every CTA. Confirm that confirmation pages, thank-you messages, and tracking events fire correctly. I have seen redesigns launch where the primary contact form was broken because the form handler URL changed and nobody tested it.

Redirect testing. Test a sample of at least 50 old URLs to confirm they redirect to the correct new destinations. Use a tool like Screaming Frog’s list mode to bulk-test your redirect map. A single redirect that loops or 404s can hurt your SEO recovery.

Page speed testing. Run every key page through Google PageSpeed Insights and confirm that Core Web Vitals are passing. If the staging site is slower than your current site, fix the performance issues before launch. Do not launch hoping to “optimize later.” Later rarely comes, and every slow day costs conversions.

Mobile testing on real devices. Open the staging site on at least three different phones. Tap every button. Fill out every form. Scroll through every page. Responsive design in a browser is not the same as actual mobile usability. Buttons that are too small, forms that require horizontal scrolling, and pop-ups that cannot be closed on mobile are common redesign issues that destroy mobile conversions.

Step 6: Monitor Aggressively After Launch

The first 30 days after a redesign launch are critical. You should be checking conversion metrics daily, not weekly. Here is what to watch.

Week 1: Check for broken fundamentals. Are forms submitting? Are tracking codes firing? Are redirects working? Are there any 404 spikes in Google Search Console? Fix anything broken immediately. Every day a form is broken is a day of lost leads.

Weeks 2-3: Compare against your baseline. Pull your page-level conversion rates and compare them to your pre-redesign baseline. If any high-traffic page shows a conversion rate drop of more than 20%, investigate immediately. Check whether the CTA placement changed, whether the content was altered, or whether the page is loading slower.

Week 4: Run a full conversion rate audit. By week four, you have enough data to conduct a proper CRO audit of the new site. Look at funnel drop-offs, form analytics, heatmaps on key pages, and mobile vs. desktop performance. This audit will give you a prioritized list of optimizations to implement on the new design.

According to research compiled by InVision, every dollar invested in UX yields a return of up to $100. The investment you make in monitoring and optimizing after a redesign is not a cost. It is the highest-ROI activity your marketing team can focus on.

The Redesign CRO Checklist

Here is the complete checklist in one place. Print this out and hand it to your design team before the project starts.

  • Audit current top converting pages and document their performance
  • Record 90-day conversion baselines across all key metrics
  • Create a complete URL redirect map covering every page
  • Preserve title tags, meta descriptions, and H1s on ranking pages
  • Review heatmap and scroll map data before designing new layouts
  • Set page speed requirements in the design brief
  • Recreate existing forms exactly unless data shows they need changes
  • Test all conversion paths on staging before launch
  • Bulk-test redirects before going live
  • Run PageSpeed Insights on every key page pre-launch
  • Test on real mobile devices, not just browser emulators
  • Monitor daily for the first 30 days post-launch
  • Conduct a full CRO audit at the 30-day mark

Frequently Asked Questions

How long does it take for conversions to stabilize after a website redesign?

Most sites see conversion rates fluctuate for 4 to 8 weeks after a redesign launch. If you followed a proper migration protocol with redirects, preserved your high-performing pages, and maintained your conversion paths, stabilization typically happens within 4 weeks. If conversions have not recovered by week 8, there is likely a structural problem with the new site that requires a targeted CRO audit to identify and fix.

Should I A/B test the old design against the new design?

If your traffic volume supports it, absolutely. Tools like Google Optimize (or alternatives like VWO and Optimizely) can split traffic between your old and new designs to measure the conversion impact directly. However, this approach requires significant traffic to reach statistical significance. For sites with fewer than 10,000 monthly sessions, a before-and-after comparison with proper baselines is more practical.

What is the most common reason redesigns hurt conversions?

In my experience auditing dozens of post-redesign sites, the most common reason is changes to form structure and CTA placement. Designers move, resize, or rewrite calls to action without understanding how those elements were performing. The second most common reason is page speed degradation from heavy design elements like unoptimized images, video backgrounds, and excessive JavaScript.

Can a website redesign actually improve conversions?

Yes, when it is done with conversion data guiding the design decisions. Sites with poor mobile experiences, slow load times, confusing navigation, or outdated trust signals often see significant conversion improvements after a data-driven redesign. The key is treating the redesign as a CRO project with aesthetic improvements, not an aesthetic project that hopes conversions will follow.

How much should I budget for CRO support during a redesign?

CRO support during a redesign typically adds 15-25% to your overall redesign budget, but it is one of the highest-ROI investments you can make. The cost of losing conversions for months after a botched redesign far exceeds the cost of getting it right the first time. At minimum, budget for a pre-redesign audit, redirect mapping, and a 30-day post-launch audit.