8min remaining

所以…你想重新设计你的网站。也许你just finished a brand overhaul or your product was recently updated. Whatever your reason, a redesign can be a huge success —or a total flop. It can also be a long and tedious undertaking, which is why every redesign needs to start with a clear vision and/or problem to solve.

The better you are at defining that vision at the very beginning, the more successful your redesign will be — and the smoother the entire process will be as well.

Free Workbook: How to Plan a Successful Website Redesign

Whether you’re working with an agency, redesigning your site in-house, orproposing a redesign to company stakeholders, this guide will help you strategize your website redesign and ensure it turns out to be a huge success — not a total flop.

Many organizations opt to redesign their website to welcome more traffic as their business grows and scales; othersinvest in a website redesignas part of a larger rebranding initiative. Regardless of why your company is interested in a website redesign, the project itself is a massive undertaking. Not to mention an important one to get right considering the critical role your website plays in your marketing and brand image.

In fact,80% of consumerssay the experience your company provides is as important as the products or services you sell — including the experience they have with your website.

How Often Should You Redesign Your Website?

According toBusiness 2 Community, the average lifespan for a website is 1.5 to 2.5 years. Because design trends change and technology advances, this is the average amount of time that a redesign will feel "fresh" and competitive. However, that time frame is only a benchmark, so you will need to determine what works best for your organization.

以下因素将会决定你多久should redesign your website:

  • How often your brand or goals change.When you’re itching for a new site, first ask yourself, "Does this website still represent who we are as a company?"
  • How much budget you allot to design and development.Ask yourself, "Can a site design wait, or do I have reasons to use the budget on our site now?"
  • How long your website stays functional and fast.Step into your customers' shoes and see if you can navigate the site well and find everything you want to find without encountering errors or long page load times.
  • The performance of your website.Ask yourself, "Is this site converting a reasonable amount of traffic? Do people stay on the page for a reasonable amount of time, or do they bounce?"
  • Changes in the industry.For example, when Google announced that it would be changing to mobile-first indexing, it necessitated that sites be mobile-friendly, or they'd lose organic traffic from Google.

Your website is where visitors and customers go when they want to ask questions, read content, or purchase products or services. For that reason, it’s best to be extra prepared when committing to a website redesign.

You may spend more time building your website redesign strategy than you will on the redesign itself. If you’re wondering what should go into your website redesign strategy, start with the steps below.

Let’s unpack eight critical steps to take when redesigning your website.

1. Benchmark your current performance metrics.

Before you begin planning your website redesign, document your current performance metrics. This will give you a good idea of where your current website stands and what metrics you can improve upon through your redesign.

Analyze your existing website’smonthlyperformance in the following areas. The importance and relevance of each may vary depending on your website redesign goals, but it’s helpful to pull each metric before you dive into your redesign.

  • Number of visits, visitors, and unique visitors
  • Bounce rate
  • Time on site
  • Top-performing keywords in terms of rank, traffic, and lead generation
  • Number of inbound linking domains
  • Total new leads and form submissions
  • Total sales generated (in dollars)
  • Total pages indexed
  • Total pages that receive traffic

If you don’t have access to this information, I recommend adding tools like Google Analytics andHubSpot’s Marketing Analyticsfor better tracking and visibility into your website's performance.

Furthermore, make note of which tools you used to measure each of these benchmarks in the past. Ideally, you’ll want to use those same tools when collecting your post-redesign metrics. Otherwise, you’ll be comparing apples to oranges.

2. Determine your website redesign goals.

What’s the “why” behind your website redesign? When considering a redesign, there should always be a good reason behind it.

If you’re answering with “well, it’s been a while since we’ve done one” or “my competitor just did a redesign,” those reasons aren’t good enough on their own.

Remember: It’s not just about how your site looks, but rather how itworks. Be crystal clear about why you’re doing a website redesign, and tie those goals to measurable results.

Then communicate your goals with your team, designer, and/or agency. Consider the following data-driven objectives for your own website:

  • 都给我ncrease the number of visits and visitors (both are important as one visitor could visit more than once)
  • To reduce bounce rate
  • 都给我ncrease time on site
  • 都给我mprove domain authority
  • 都给我ncrease the total new leads and form submissions
  • 都给我ncrease the total sales generated
  • To enhancecurrent SEO rankingsfor important keywords

Many of these goals are dependent on one another. For example, in order to generate more conversions, you may also need to increase traffic while decreasing your site's bounce rate.

Also, take a look at themetrics you pulled out in step one. Are there any metrics you can improve upon with your new website? Perhaps you use your old website metrics to inspire new goals, too.

3. Define your branding and messaging.

Before crafting your new website design and content, be crystal clear about your desired branding, messaging, and unique value proposition. Doing so will ensure consistency across your entire website.

Anyone who visits your website for the first time should immediately understand what you do, how it may benefit them, and why they should stay on your site and not flee to your competitors'.

Think about whether you plan to change your branding and/or messaging, or if it will stay the same. If you plan to change it, what about it needs to change? Keep these changes top-of-mind as you redesign your website.

Download this free workbook for guidance and templates to simplify your next website redesign project.

As you develop your messaging, use clear, concise language. Avoid using industry jargon that may alienate parts of your audience and make you sound more like a business-babbling robot than a human.

Consider the following example of how wecoulddescribe HubSpot in a “gobbledygook” way:

HubSpot helps companies across multiple countries reduce churn by backfilling the sales pipeline with highly qualified traffic that generates leads that convert into customers with high lifetime value. We achieve this by providing leading-edge software that integrates all marketing channels for a synergistic view of the data that determines and prioritizes high-value marketing activities.

Saywhat?Let’s translate that into the way people actually speak:

HubSpot’s all-in-one marketing software helps more than 6,000 businesses in 45 countries attract leads and convert them into customers. A pioneer in inbound marketing, HubSpot aims to help its customers make marketing that people actually love.

Much clearer! I think visitors and potential customers would prefer the second description — don’t you?

Additionally, as you develop yourbranding, consider what visual aspects of your website need to be redesigned and what can stay the same. Have you created a new logo, style guide, or color palette? Make sure these are applied to your new website so it remains consistent with other parts of your brand.

4. Define your buyer persona(s).

Your website is not just about you. Actually, it’shardlyabout you.

When your visitors land on your website, they're asking themselves, “What’s in it for me? How could this help me?”

Speak to your visitors intheirlanguage by crafting your website design and content around yourbuyer personas.

For instance, if you're a marketing manager at a hotel looking to bring in new business, you might target five different buyer personas: an independent business traveler, a corporate travel manager, an event planner, a vacationing family, and a couple planning their wedding reception.

Make sure you clearly identify your buyer personas so you can shape your website redesign strategy around the website visitors that matter most to you.

Check out our handy buyer personas template to help you research and create detailed buyer personas.

Is your target audience changing as part of your website redesign? Do your branding and contentalign with this audience?回答这些问题当你战略哟ur website redesign.

5. Protect your search engine optimized pages.

Getting discovered online is also essential to improving your website's metrics. If no one is able to find and visit your site, how can you increase new leads, reconversions, or sales? Here are some tips for designing your new website withsearch engine optimization (SEO)in mind:

Document your most search-valued pages.

Use yourmarketing analyticsto figure out which pages receive the most traffic and inbound links, convert the most leads, and ultimately cover the most influential topics in your industry. If you plan to move any of these highly valuable pages, make sure you create the proper 301 redirects.

Create a 301 redirect strategy.

Speaking of301 redirects, these are extremely important in terms of retaining the traffic and link value associated with a given page. Create a spreadsheet to record and map out your 301 redirects (old URLs vs. new URLs). Then hand this document over to someone technical for proper implementation.

Do your keyword research.

For every page on your newly designed website,pick one keyword/topiceach page will focus on. Once you determine the keyword(s), useon-page SEO best practicesto optimize your website pages. Furthermore, consider adding new content and pages to your website that address those particular keywords and topics that may be neglected on your current site.

Save time and rank higher on Google with our free on-page SEO template.

6. Analyze the competition.

While we don’t recommend obsessing over your competitors, itcanhelp to know how you compare. First, run your website through HubSpot's freeWebsite Gradertool to generate a report card of how well your website is performing. You can also use this diagnostic tool to evaluate your competitors' websites, so you're aware oftheirstrengths and weaknesses.

Next, take a look at your competitors' websites, and take note of what you like — and what you don’t. This process is to help you realize what you can do better on your website. Once you conduct yourcompetitive analysis, put together a list of action items highlighting some areas for improvement and how you can set yourself apart from your competitors.

7. Take inventory of your high-performing content.

While a redesign is a great way to improve the performance of your website, there are unfortunately countless ways in which it can hurt you. Your existing website likely contains many high-performing content assets that you've already built up, and losing their effectiveness because of a redesign can severely damage your marketing results.

例如,这些资产可能包括你的:

  • Most-shared or viewed content
  • High-traffic pages
  • Best performing or ranking keywords and associated pages
  • Number of inbound links to individual pages

For example, if you end up removing a page from your site that has accumulated a high number of inbound links, you could potentially lose a lot of SEO credit, which would make it increasingly difficult for you to get found on search engine results pages (SERPs).

Keep in mind that many web designers don’t consider this step because they are neither marketers nor SEO specialists. Don’t hesitate to remind them about this, and help them along by auditing your site and providing them with a list for maintaining or updating critical pages on your site.

8. Choose the right software.

The final (but arguably most important) step of thewebsite redesign processis choosing the right software with which to create and host your website. This software is typically called a content management system (CMS), and it’s used to develop, design, and publish your website for the world to see.

CMS software is beneficial for a few reasons. Whether you’re a novice digital marketer or a master web developer, a CMS can easily help you create a gorgeous, functional website. Choosing the right CMS depends on your business, such as what CMSs you’re already familiar with and what features your website redesign requires.

There are hundreds of CMSs to choose from, includingCMS Hub— the only combined CMS andCRM. Or you can review some of thebest CMS platformsto learn about your options.

Get Started on Your Website Redesign Today

Whew! Now you're ready to plan, design, build, optimize, launch, and analyze your new website. Apply these seven steps to redesign a website that attracts more consumers,wowsmore visitors, and converts more customers.

Editor's note: This post was originally published in January 2013 and has been updated for comprehensiveness.

Blog - Website Redesign Workbook Guide [List-Based]

website redesign

Originally published May 28, 2020 3:00:00 PM, updated October 29 2021

Topics:

Website Redesign Content Management System