Website Redesign Strategy: How to Plan a Redesign That Actually Improves Performance
Most website redesigns are driven by aesthetics and gut feeling. The ones that actually improve business performance start with a strategy. Here's how to build one.
Introduction
Most website redesigns are driven by two things: someone at the company finally gets annoyed enough by how the site looks, or a competitor launches something impressive and suddenly the CEO wants a new website by next quarter.
Neither of these is a strategy. They're reactions.
The redesigns that actually move business metrics — more leads, better conversion, improved search rankings — start with a clear strategic framework. This article shows you how to build one.
Why Most Redesigns Fail to Improve Performance
Here's what happens when a company redesigns without strategy:
- The design gets better (it looks more modern, everyone internally loves it)
- Redirects are set up wrong (or not at all), and organic traffic drops by 20–30%
- Nobody measured conversion rate before the redesign, so there's no way to know if it improved
- Key messaging changes because someone on the team didn't like the old wording, but the new copy is vaguer
- Three months later, the site looks better but the business metrics haven't changed
The redesign "worked" aesthetically. It didn't work strategically.
The Strategic Redesign Framework
Step 1: Define the Problem You're Actually Solving
Before anything else, identify the specific business problem the redesign is meant to fix.
These are legitimate problems:
- "Our conversion rate is 0.8% and industry average is 2.5%"
- "Our organic search traffic has declined 30% over the past 18 months"
- "We're losing competitive deals because prospects think our site looks like a startup"
- "Our mobile bounce rate is 72% because the site breaks on phones"
- "We launched 4 new services 18 months ago and they're not reflected on the site"
This is not a legitimate problem definition:
- "The site needs to feel more modern"
- "We want something that pops"
- "The executive team doesn't like the colors anymore"
Vague problems produce vague redesigns. Specific problems produce specific solutions.
Step 2: Set Measurable Goals
Every redesign needs targets you can actually measure. Pick 1–3 primary metrics:
| Goal Type | Example Metric | Measurement Tool |
|---|---|---|
| Lead generation | Contact form submissions increase by 40% | Google Analytics goals |
| Conversion rate | Homepage-to-lead conversion improves from 0.8% to 2% | Analytics |
| SEO | Organic sessions recover to pre-decline baseline | Search Console |
| Mobile performance | Mobile bounce rate drops below 50% | Analytics (by device) |
| Speed | Mobile PageSpeed score hits 90+ | PageSpeed Insights |
Pull your baseline numbers before touching anything. Screenshot your analytics. Export your keyword rankings. Save your Core Web Vitals scores. You can't measure improvement without a starting point.
Step 3: Audit Your Current Site
You need to know what's working before you change it.
Traffic analysis:
- Which pages get the most organic traffic?
- Which pages have the highest conversion rate?
- Where are visitors dropping off?
Content audit:
- Which pages have real SEO equity (traffic, backlinks)?
- Which pages have outdated or inaccurate content?
- Which pages are missing that should exist?
Technical audit:
- What's your current Core Web Vitals score?
- Are there crawl errors or indexation issues in Search Console?
- Is the site mobile-friendly?
Competitive analysis:
- What do your top 3 competitors' sites do well?
- Where are they beating you on design, content depth, or UX?
- What keywords are they ranking for that you're not?
The shortcut: Run your site through Redesignr's free audit for a quick scored assessment across design, UX, content, and SEO — then go deeper on the areas that score poorly.
Step 4: Define Your Protected Assets
Not everything on your current site should change. Define explicitly what you're keeping.
Protect:
- URLs of any pages with organic traffic or backlinks
- Copy that's already converting well
- Design elements that customers recognize and associate with your brand
- Navigation structure that users understand
Change:
- Visual design layer (typography, spacing, colors, layout)
- Pages with outdated content
- Navigation items that cause confusion
- CTAs that are unclear or buried
Document this as a page-by-page decision before any design work begins.
Step 5: Define Your Target Customer Journey
Before designers and developers start building, the team needs to agree on what you want visitors to do — and in what order.
Map the primary conversion path:
- Where does the visitor arrive (homepage, blog post, landing page)?
- What's the most important thing they need to understand first?
- What action do you want them to take?
- What objections or questions do they need resolved first?
- What's the call to action and where does it live on the page?
Different pages serve different stages of this journey. Your blog attracts people who've never heard of you. Your homepage establishes credibility and explains what you do. Your services page details your offering. Your pricing page (or contact page) converts.
Make sure the design supports this journey at every stage — not just makes the homepage look great.
Step 6: Create the Design Brief
Before any designer touches a tool, they need a brief that covers:
- Business goal and success metrics
- Primary audience (who are you designing for, specifically)
- Key pages and their conversion objectives
- Brand guidelines (colors, fonts, imagery direction)
- Competitive references (sites you admire and why)
- Anti-references (sites that feel wrong for your brand)
- Technical constraints (CMS, budget, timeline)
- Protected elements (what must not change)
This brief saves weeks of revision cycles. Every design decision gets evaluated against it.
Step 7: Build, Then Test
Don't launch the full redesign as a big bang. Where possible:
- Test the homepage first. If you can A/B test your new homepage design against the old, you'll have data before full rollout.
- Stage the launch. Deploy to staging and give it to 5–10 real customers (not just team members) to evaluate.
- Test every critical flow. Form submissions, purchase paths, booking flows — test all of them before launch.
Step 8: Monitor and Iterate
The redesign launch is not the finish line. Set a 30/60/90-day review schedule:
Day 1–7: Monitor for technical issues (broken redirects, form submissions not delivering, 404 errors from missed redirects)
Day 14–30: Compare conversion rate and organic traffic to pre-redesign baseline
Day 30–90: Analyze keyword ranking changes, monitor Core Web Vitals, gather informal user feedback
Expect some fluctuation in the first week as Google reindexes your site. Look at the 4-week mark for a clearer read.
The One-Page Strategy Summary
Whenever I'm planning a website redesign, I summarize the strategy on a single page:
Business goal: [specific metric] → [target]
Problems we're solving:
- Problem 1 (with evidence)
- Problem 2 (with evidence)
What we're protecting:
- URL: [page 1] — [reason]
- URL: [page 2] — [reason]
Primary conversion path: Arrival → Understanding → Trust building → CTA → Conversion
Success metrics:
- Metric 1: baseline [X] → target [Y]
- Metric 2: baseline [X] → target [Y]
Timeline:
- Audit complete: [date]
- Design approval: [date]
- Staging launch: [date]
- Live launch: [date]
- 30-day review: [date]
This one-pager keeps everyone on the same page and gives you a framework for evaluating every design decision.
Conclusion
Strategy doesn't mean slow. It means knowing why you're making each decision — and having a way to measure whether it worked.
A one-week strategy phase at the beginning of a redesign project prevents months of wasted effort and redesigns of the redesign. It also protects you from the most common redesign failure: a site that looks better but performs worse.
Start with an audit. Define the problem precisely. Set measurable targets. Protect what's already working.
Then build.
Redesign websites with Redesignr.io
Paste any URL and get a modern, deploy-ready TailwindCSS redesign in 2 minutes. Free to preview.