Managing Your Website Redesign Project – 22 Point Checklist

Posted by on Aug 21 2013

I know many of you are thinking it’s time to redesign your website, but you don’t know where to start or how to manage the project. Let me share my experience with you in hopes that it will make your website redesign process smooth and efficient.

After 11 months of hard planning and implementation, multiple website graphics and layout choices, and lots of coding (1,200 pages!), we launched the new-and-improved version of the Passion For Business website several years ago. Poor Aly, I think his fingers are whittled to the bone with all the website coding work he did. He got a much-deserved vacation after that launch!

We learned a lot along the way about managing a website redesign project and making sure it matched our business and marketing goals. Let me share that wisdom with you, in the hopes it will help make your own website redesign project run smooth.

The checklist below is written for you; you may be delegating pieces of this work to graphic designers, website designers, copywriters, SEO experts, or your administrative assistant. Make sure everyone knows what’s expected of them during each step in this checklist:

  1. First, know that this is going to be a long process, so find that extra bit of patience. It will pay off big time, trust me. There will be any number of times that you want to cut corners or give up an important feature that’s a pain to code. Stop. Breathe. Start again.
  2. Make sure you DO need and want to redesign your website. Not sure? Take this self-quiz: Is It Time To Redesign My Site?
  3. Write everything down – don’t trust your memory on something this important. Keep your ideas and your To Do list in a Project Plan file so everything is at your fingertips in one central location.
  4. Start the redesign process by asking the big questions: What are the goals of my business? What role(s) will my website have in reaching those goals? Who will visit my website and what do they need/want to find there? What is my business brand and image? Is it time to give my brand a facelift?
  5. Decide what content you need on the site, then organize that content into logical “buckets” so that it’s easy to design the menu/navigation structure, and easy for visitors to find what they’re looking for. Make a list of each individual page and file that needs to be on the site.
  6. Decide which extra features you need on your site: will you have a newsletter sign-up box, a free offer, sidebar advertisements, a blog, video files, audio files, social media, etc.?
  7. Design the graphical page layout to include your logo and business colors, making sure there is enough room on the page for sidebar advertisements, sign-up boxes, etc. This is the time when a good website designer can make this process easy.
  8. Remember, the reputation of your business relies on professionalism and a professional look — this isn’t the time to cut corners with do-it-yourself graphic work, logos, navigation, or website page layout. A good website designer can target your website graphics and layout to your audience, and can make it user-friendly. A poor website design will have people walking away from your site instead of sticking around. Read this blog post on How to Choose a Website Designer if you need more tips.
  9. While your website designer is working on some preliminary designs, it’s time for you to edit and/or write your website text. Take a look at all your existing pages: are they talking to the audience and helping them solve a problem or reach a goal? If you’re not good at copy writing, consider hiring a copywriter to help you with the text updates.
  10. While you’re busy writing, don’t forget SEO work to increase your rankings on search engines. Choose your keywords and make sure those keywords are in your text. Note: there’s more to SEO than putting your keywords in your text, but choosing and adding your keywords is the first step.
  11. Once you choose the website design that works best for your audience, your brand and your business goals, now it’s time to start coding. You have several options when coding your website: your website designer can code it for you, or you can use a platform like WordPress. Even if you use WordPress, there’s still a HUGE amount of coding to do, so if you are not deeply familiar with CSS or PHP, hire someone to do the coding for you. Typically you can find a website designer who does both the graphic design and the coding, or who works as a team with other professionals to get your site done.
  12. DO NOT code directly to your existing domain, overwriting your existing files. Create a “testing” folder to put new files in. Even whiz-kids can make mistakes, so create a duplicate site for testing before you make your new site live to the public. It let’s you build and test new pages as needed and will save you oodles of grief later.
  13. Make sure you code the SEO in the behind-the-scenes coding (tags) to help with your search engine rankings. Choose a website designer who has a lot of experience with SEO so that you can be assured this work is done correctly. Remember, there is more to SEO than the text and code on your website, but you  must do these two things correctly FIRST before other SEO work can be done.
  14. Once the site is done with the initial coding, TEST the website in all the standard browsers to make sure it’s compatible: Internet Explorer, Firefox, Chrome, Safari and Opera. Test it in several versions of these browsers as well; not everyone is using the current version of browser software. If you’re not sure which browsers your current website visitors are using, you can find this information in your Google Analytics statistics. (It’s under the Audience/Technology area of Google Analytics.)
  15. Test to see how your site looks on both PCs and Macs. (This is a good time to get your friends involved so you can see your new site on their browsers and machines.) Test on smart phones, tablets and laptops, including all mobile browsers. Make sure your new site works on ALL hardware platforms and screen sizes.
  16. After you do the testing, you’ll probably find that your site looks great in some browsers/machines and awful in others. This requires additional coding to test the browser version or screen size/resolution the visitor is using and write code to make the site look the same in all browsers. (Now you know why you pay a website designer to do this work! :))
  17. Test all links. Okay, so now you’ve got your final website design. It looks great in all browsers and machines, and the text and graphics are extraordinary. Now is the time to test all links (both the links in the menu/navigation and the links in the text). Make sure all links open to the appropriate page, file and/or external websites. Patience, my friend, do this slowly and properly. If you have bad links on your site, you’ll lose visitors and Google doesn’t like a site with a lot of bad links.
  18. Now test all forms. Sign up for your own newsletter, your own free offer, contact form, or any other form you have on your site, and make sure each form does exactly what it’s supposed to do. Sick of testing yet???  🙂
  19. Now you’re ready to go live. But wait! I’m only going to say this once (loudly): BACK UP YOUR EXISTING WEBSITE and BLOG. Trust me. If you overwrite files and something blows up, you’ll be happy that you can easily put yourself back to the old site while you fix the problem.
  20. Take a deep breath, and upload your new website design to your hosting.
  21. Once it’s live, test again. All of it. Seriously.
  22. Tell your audience your site is live, invite feedback, and tell them if they find a problem with the site to please let you know about it. It’s great to have a lot of people checking out your new site to make sure there are no mistakes.

Congratulations, you’ve done it! Have a huge party to celebrate!  🙂

(If I’ve missed any steps, please leave a comment and tell me about YOUR website project experience!)

   

16 comments for now

16 Responses to “Managing Your Website Redesign Project – 22 Point Checklist”

  1. Lyn BowkerNo Gravatar

    Karyn I love your communication style and this post is a great example of your knowledge and expression of it.

    I’ve been involved in the web design industry (and print media) for over 13 years as a consultant and project manager – from the brief to delivery – and although there are many kinds of web sites to suit the many kinds of businesses, niches and marketing plans – your website redesign advice is top notch for any kind of site.

    As difficult as it seems at first it really is a simple step by step process. Breaking it down into do-able chunks makes it less overwhelming.

    Great post, thank you!!

    Rgards,
    Lyn Bowker
    Sydney Australia

    29 Nov 2010 at 6:23 am

  2. […] This post was mentioned on Twitter by David Doost and Rick Nielsen, Pawel Grabowski. Pawel Grabowski said: Reading: Managing Your Website Redesign Project http://t.co/DKTeJOw […]

    29 Nov 2010 at 8:22 am

  3. Ashley WhittenbergerNo Gravatar

    Karyn,

    Your website looks AMAZING! I’m green with website envy. 🙂

    Your newsletter and tips are VERY helpful! Great content, as always!

    29 Nov 2010 at 11:20 am

  4. Karyn GreenstreetNo Gravatar

    I’m glad you like the site design, Ashley! 🙂

    29 Nov 2010 at 3:42 pm

  5. Laura Neff - Life Leadership CoachNo Gravatar

    This is *so* helpful, Karyn, and great timing as website redesign was on my list for 2011! Happily, I do have a graphic/web designer ready to help out!

    One thing that I learned from a marketing friend this year, which you’ve done really well on your new site (no surprise!) is to create the “buckets” and navigation in language that speaks to your potential client’s/customer’s needs, not to your process. E.g., your three tacked pieces of paper at the top of your home page speak to that, as do the bullets in your text below, etc. So as a small business owner, I can very quickly ascertain whether my needs will be solved with your know-how and services, and I trust you right off the bat.

    Anyway, thought that might be a helpful addition to #5 above. THANK YOU for this great article, and congratulations on a gorgeous new site!

    Laura 🙂

    23 Dec 2010 at 9:04 am

  6. Karyn GreenstreetNo Gravatar

    Hi, Laura!

    It can take a long time to get the design and layout of a new website right. It’s incredibly important to “think like your prospective customer” and put things where the logically and intuitively should go on the site design. Too often people put the “About Me” section as the first thing on the navigation — and your prospective customer doesn’t care About You until they see whether you can help them. So put your offerings first, and the About Me after that. When I do website planning with clients, I always ask them, “When you visit Amazon.com or Google.com, do you look at the About Us section?” Of course, the answer is no.

    It’s not that people are selfish or self-centered. It’s that people are time-constrained. When you’re busy, you don’t have time to waste rummaging around a website. Either the website hands you what you need right up front, or you’ll leave that site and find a website that does.

    23 Dec 2010 at 9:25 am

  7. SuzanneNo Gravatar

    Hi Karyn,
    Your post is very timely for me. I remember back in 2007 when I took your website class. Now it’s 2013 and I am planning my re-design. My, how time flies! So many things have changed since then, not to mention the expertise I’ve gained.
    Great tips here! Suzanne

    26 Jul 2013 at 4:09 pm

  8. Karyn GreenstreetNo Gravatar

    I think every four or five years for a redesign feels about right, Suzanne. Best of luck on your project!

    26 Jul 2013 at 4:17 pm

  9. Pam WolfNo Gravatar

    Hi Karyn
    We are just getting ready to start a major web site redesign…
    This is so timely – thank you!!!
    Did you use WordPress for your site…we prefer that – having done both.
    Wondered if you could share info on who you used to do e redesign work for you? We are interviewing people right now.
    Thank you so much

    27 Jul 2013 at 9:41 am

  10. Karyn GreenstreetNo Gravatar

    Hi, Pam,

    The main website is straight HTML/CSS; the blog is on WordPress. We did most of the design/layout/navigation/coding work ourselves, and hired someone to do the big graphic on the home page. We don’t do website design/coding work for others, and Erin Hyland did the graphic design work: http://www.jackoutofthebox.com

    27 Jul 2013 at 12:00 pm

  11. Lionel HollandNo Gravatar

    Hi Karen,

    Your 22-point checklist is a gem. I’ll be in touch with you for guidance when the time comes.

    27 Jul 2013 at 10:52 am

  12. Karyn GreenstreetNo Gravatar

    I’m glad you found it helpful, Lionel. 🙂

    27 Jul 2013 at 11:57 am

  13. Terri L MaurerNo Gravatar

    Excellent list, Karyn! So many small businesses think that they can quickly create their web site on one of the ‘freebie’ platforms… in a couple of hours. Then, they wonder why no one visits the site or why their phone hasn’t begun to ring. In my experience there are three critical components in getting a good site developed…knowledge of the actual web design from the technical/coding perspective, knowledge of marketing and understanding of SEO. Finding a web designer that meets all three is not that easy. Interview, interview, interview before signing up for the cheapest designer. A web site is probably one of the most important pieces of a marketing plan and strategy, so it is worth the time and costs involved in the long run.

    28 Jul 2013 at 1:56 am

  14. Glennette GoodbreadNo Gravatar

    Great checklist!

    I would most definitely add:

    — Create 301 redirects for your old pages if the URLs changed i.e. if the old site used html but the new site is in wordpress, you’ll need to redirect http://www.domain.com/pagename.html to http://www.domain.com/pagename. This is to help ensure you don’t lose any rankings you have.

    Glennette Goodbread, Owner
    Premium Web Design and Hosting

    29 Jul 2013 at 2:14 pm

  15. Karyn GreenstreetNo Gravatar

    Excellent suggestion, Glennette! If you redesign your website and don’t pay attention to your SEO, you could easily loose ranking for things you used to rank well for.

    29 Jul 2013 at 2:55 pm

  16. Linda TurnerNo Gravatar

    Hi Karyn,

    Lots of info covered her and I am happy to say that I am working on my site as I write this. It will be my first attempt working with the wordpress platform. I probably will need to hire a really good graphic designer and who also knows how to code. I am taking notes so I will have this info for later.

    Thanks for sharing your knowledge and of course your site looks wonderful! ;0).

    31 Jul 2013 at 6:23 pm



Category: Internet & Social Media Marketing, Managing Projects, Tasks & Time, Website Planning
Tags: , , ,