Inbound Internet Marketing Blog

SEO, Blogging, Social Media, Landing Pages, Lead Generation and Analytics

SUBSCRIBE

The HubSpot Inbound Internet Marketing blog covers all of inbound marketing - SEO, blogging, social media, lead generation, email marketing, lead nurturing & management, and analytics. Join 57,702 others and subscribe now!

Subscribe to RSS feed Add us on Facebook! Follow us on Twitter

Get Free Marketing Info!

Get the world's best marketing resources right to your inbox! Join more than 817,000 inbound marketers!

Subscribe by email

Your email:

HubSpot's Inbound Internet Marketing Blog

Current Articles | RSS Feed RSS Feed

A Marketer's Guide to the 6 Phases of a Website Redesign

 

.
 Keith Moehring is business development manager and consultant at PR 20/20, an inbound marketing agency and HubSpot Partner. You can follow him on Twitter at @keithmoehring. He also actively contributes to http://www.PR2020.com/blog.

Ebook CoverA website is the cornerstone of any marketing campaign. It is the place where customers, prospects, media, competitors, investors, peers and job candidates turn to first when learning more about your organization and its products or services.

Because of this, it’s essential that marketers take a leadership role in any company website redesign project.

To help you avoid any common missteps, we’ve developed a free ebook — “A Marketer’s Guide to Website Redesign.” The ebook details the six main steps involved in the website redesign process, from the perspective of a marketer who doesn’t have a technology background.

1. The Prep

To avoid delays, take the time to gather all necessary information upfront, before it is needed. Items to gather include:

  • Analytics tracking codes.
  • Logo file in a vector format (i.e. .EPS, .AI, or .CDR).
  • Main contact information for current website host.
  • Google Webmaster Central, Bing Webmaster Center and Yahoo SiteExplorer verification codes.
  • Branding guidelines and all relevant collateral documents.

2. Discovery

Collaborate with all website stakeholders (i.e. C-level executives, marketing department, sales department, and IT) to define the most important aspects of your new site, including:

  • Buyer personas.
  • Site objectives.
  • Calls to action.
  • Color scheme.
  • Page layout and design preferences.
  • Site features and functionality.

3. Design & Structure

To help communicate your vision of the new website, develop a comprehensive creative brief, detailing everything you defined in phase two. Your web team will use this as a guide when designing and building out your new site.

At minimum your creative brief should include:

  • Graphic sitemap outlining all pages on your site, including main navigation options.
  • Page layout and design preferences, with screen shots or URLs of examples.
  • Color scheme, including primary, secondary and accent colors.
  • Navigation options you want available on the site.

4. Content & Optimization

Visitors don’t come to your site for the cool design or fancy navigation; they come for the content. Develop content that is concise, scannable and engaging. It needs to deliver key messaging quickly and clearly, and then drive visitors to take a desired call to action. To help this content get found, it also needs to be optimized avoid priority keywords.

When developing content, consider the following suggestions:

  • Create a keyword map that assigns each page on your site a priority keyword (or two) for which it will be optimized.
  • Define the tone and style of your content.
  • Assign the development of website copywriting to your team’s strongest writer (avoid using multiple authors).
  • Optimize each page after the content has been created.

5. Build Out & Quality Assurance

This is the phase where all your hard work comes to fruition. It includes populating the site with all content, setting up 301 redirects, and completing a thorough review of the site to ensure that everything displays and works properly. 

To streamline the upload process:

  • Create an upload cheatsheet that will serve as a how-to guide for adding content into your content management system (CMS).
  • Before loading content, create all the pages first, and organize them according to your sitemap.
  • Upload all images and graphics into a designated folder in the CMS so they are easy to locate when it comes time to add them to a page.
  • Put together a team internally to upload all content and formatting into the web pages.
  • Perform a quality assurance by checking to make sure all formatting is correct, all links and features work, and that everything displays properly across all browsers.

6. The Launch

Finally, launch the new website and ensure it is being indexed accurately by Google and other search engines. To do this, take the time to:

  • Check that all 301 redirects are working.
  • Log into each search engine’s webmaster center to confirm all verfication code is installed properly, and then submit your XML sitemap.
  • Verify that all analytics tracking code is installed.
  • Review Google Webmaster Tools every few days to ensure there are no pages Google had indexed on your old site that it can no longer find.

Website Redesign Kit

website redesign webinar Learn how to redesign your website for marketing results

Download the free kit to learn how to turn your website into an internet marketing machine.

Posted by Pete Caputa on Wed, Jul 14, 2010 @ 05:00 PM

COMMENTS

Overall a good list, but I would put content before design and after structure. I would probably split steps 3 and 4 and make it an 8 step process, creating individual steps for Structure, Content, Design and Optimization. All too often, I design and develop sites for clients without content, then have to go back and redesign and recode to accommodate content. Sites should be designed around the content, rather than try to shoehorn content into a design.

posted on Wednesday, July 14, 2010 at 5:50 PM by Matthew Meeks


Tend to agree with Matthew. I don't think the content needs to be written prior to design, but having an outline of the content that will appear on each page of the website will help avoid site redesign and recoding.

posted on Wednesday, July 14, 2010 at 7:00 PM by Jo Ellen Collins


very nice and precise post.

posted on Thursday, July 15, 2010 at 1:55 AM by aditya


@Matthew, @Jo Ellen and @James Thank you for the feedback. I completely agree that content needs to come first. Unfortunately a blog post only allows for enough room to cover the high points. In the ebook, Step 2 includes creating a sitemap to define all the pages of the site and then completing a content audit to identify what content is currently available and what needs to be created.  
 
As a matter of fact, one line in the ebook reads, "make sure to design around the type of content that will be on a page. Don’t settle on a design, and then figure out how content will fit in." 
 
@michaels and @aditya thank you!

posted on Thursday, July 15, 2010 at 7:02 AM by Keith Moehring


We're in the process of re-designing our site, and the checklist in this blog is going to prove invaluable in the coming months, in terms of organising workload etc. 
 
A brilliant and highly useful blog, Pete - thank you. 
 
Steve

posted on Thursday, July 15, 2010 at 8:07 AM by Steve Braund


Thanks to Keith also, of course!

posted on Thursday, July 15, 2010 at 8:08 AM by Steve Braund


Keith, you're right on the money, but I would prefer it if my clients went even a step further than defining the type of content, and actually developed a rough draft of it. Sites are better when the content and design can be developed together, and even when the client knows what type of content they want on each page, that often changes once they see the content in place. Ideally, both content and design would be created collaboratively for the best end result, but sadly, we don't live in an ideal universe.

posted on Thursday, July 15, 2010 at 10:26 AM by Matthew Meeks


Great post and so true.... You can't spend enough time on step 1!!! 
 
Theresa Minnette,  
Temecula Wedding Photographer

posted on Sunday, July 18, 2010 at 2:57 AM by temecula wedding photographer


I agree with Seo India too regarding Navigation. Clean and a not so busy site like others will keep in nice too. Thanks for posting these pointers!

posted on Monday, July 19, 2010 at 9:38 PM by Web Self Service


Nice, comprehensive post - thanks. I'm a fan of checklists like this. That way you don't end up chasing a logo file or finding out a key stakeholder wasn't in the loop, long after such things should have been taken care of.

posted on Tuesday, July 27, 2010 at 5:08 AM by Karilee


Comments have been closed for this article.