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:
- 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.
- Make sure you DO need and want to redesign your website. Not sure? Take this self-quiz: Is It Time To Redesign My Site?
- 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.
- 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?
- 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.
- 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.?
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.)
- 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.
- 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! :))
- 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.
- 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??? 🙂
- 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.
- Take a deep breath, and upload your new website design to your hosting.
- Once it’s live, test again. All of it. Seriously.
- 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!)