Website Design

15 (More) Steps to a Successful Website Redesign

JannelleChemko
ByJannelleChemko

Last week, we went over some important steps to follow when planning your website redesign. This week, we want to go over the next checklist to keep on hand when actually going through the redesign process. Using both of these checklists throughout this project will ensure you are set up for an efficient and successful re-launch of your brand new website.

Website Redesign Checklist.png

Here’s a quick recap of the 8 steps you should follow during the planning stages of your website refresh:

  1. Identify what’s wrong with your current website (so you can focus on what to fix!)
  2. Define your goals for the new website
  3. Analyze your competition’s website(s)
  4. Fully document your current site (including pages, content, meta data, blog posts, videos, etc.)
  5. Map out your new site’s navigation
  6. Create wireframe mockups of the new design
  7. Refresh and update your content
  8. Make an action plan

If you’ve been totally on top of things and have followed all of the steps listed above during your planning phase, then you’ve already made excellent progress and only need to put together the final pieces of the redesign puzzle.

1. Create a 301 Redirect Map

If your new site will have replacement pages or a new URL structure, you need to create a 301 redirect strategy to prevent your visitors from receiving the dreaded “Page Not Found” error. In step #4 above, you should have already documented your current website, including all of its pages and their URLs. Use the same data to create your 301 redirect mapping to your new URL or URL structure:

301 Redirect Mapping.png

2. Check Resolutions

Check your new site in different resolutions. Are you mobile optimized for both android and iOS devices? Run Google’s Mobile-Friendly test to double-check. Also check your page across different operating systems, and make sure it looks good no matter what resolution is being used.

What about different web browsers, like Chrome, Internet Explorer, Safari or Firefox? Can you view your website properly across all browser, and all devices using those browsers? Test it on your iPhone, Android, iPad and desktop.

3. Test Your Links

Run a test on your site using a tool like Screaming Frog, which will crawl your websites’ URLs to find broken links (404s) and server errors. You can even bulk export the errors and source URLs to fix, or send directly to your web developer.

Another often overlooked test is on your social media icons. Click on all of them on every page they are listed to make sure they actually link to the correct website (and that your Twitter icon isn’t going to your Facebook page, or vice versa!)

4. Test Your Speed

Pingdom is another tool you can use to test the loading times and speed of your site, and locate any bottlenecks. This will help you understand what is causing it to slow down, and how you can fix it before you launch.

5. Consistency is Key

Double check all of your design elements like font, font size, image size, image placement, blank spaces and alignment and make sure they are consistent and in line with the overall design of your website. Accidentally having different font in two spots on the same page can make your site look unprofessional or sloppy, so although this step takes time and a detailed eye, it’s an important piece to review.

6. Test Forms

Do a functionality test of all forms on your website, and make sure they work the way they are supposed to. Is a Thank You page generated immediately upon submission of the form? Is an email to the user generated immediately upon submission of the form? Are you receiving an email of all of the correct details entered into the form?

7. Meta Data

Although this was part of your planning checklist, double check all of your meta data and make sure nothing is missing, and that your titles and descriptions are within the character count. Titles cut off after ~67 characters and and descriptions cut off after ~155 characters. If you’re using WordPress for your new website, then download the SEO plugin from Yoast, which will really help you with this.

8. Optimize Images

Review all of your images and make sure they contain alt tags, which are what Search Engines use to understand what an image is displaying. You can also enlist Screaming Frog to help with this.

9. Test Favicon

Favicons are the little website icons that display on the top left tab of your web browser, which show a graphical representation of which website is being visited.

Favicon.jpg

If you use a Favicon, make sure to test it in every browser to make sure it’s displaying correctly.

10. XML Sitemap

Finalize your new XML sitemap and submit all versions of your site in Google Search Console. You also need to add the sitemap to your robots.txt.

11. Tracking Code

Make sure your Google Analytics code is added to your new site header, and other tracking codes, like ones used for Adwords or Facebook Ads are installed, and test that they are tracking properly.

12. Audit Plugins

If you have added, removed or changed any plugins from your new site, make sure they are working as you expect them. If you removed any plugins as part of your redesign, make sure they have actually been deleted from your site.

13. Test, Test, Test!

Play around with every link, every tab, every image, video, landing page or form across your new website. You should also ask anyone who will listen to you to test out your website. Fresh eyes always find something.

14. Promote and Celebrate Your Relaunch

Once you’ve worked out all the kinks and tested the heck out of your new website, celebrate your hard work by promoting your fabulous relaunch. Share it on social media and announce it in a blog post or email campaign.

15. Continue to Check Analytics

After your site is live, it’s SO important to keep a close eye on your Analytics so that you can immediately notice if there are any declines in web traffic, or improvements. Compare different pre-launch and post-launch metrics like sessions, time on site, and bounce rate per page. Any dramatic changes might tell you of an issue that you should fix ASAP.

You should also continue to work closely with your Google Search Console account and stay on top of any HTML errors or crawl errors so that you can fix them with edits or redirects right away.

Best of luck to you in your website redesign and relaunch! If you think we’ve missed anything in this launch checklist, please let us know in the comments below.

About the Author

JannelleChemko

JannelleChemko

Numbers Ninja & Digital Dynamo
Jannelle Chemko has been working in Operations and Accounting since 2007. After earning a Bachelor’s Degree in English, she is now in the midst of her CGA designation.

As strange as it sounds, Jannelle is a numbers and a letters guru: in addition to extensive full-cycle accounting experience in the technology and retail industries, Jannelle is also passionate about writing. In between crunching numbers and building excel reports, she researches, creates content, and keeps up to date with digital trends.

When she’s not working to meet school and month-end deadlines, you can find Jannelle outside walking her dog, and enjoying the beautiful Vancouver air.
Follow Me On: Facebook

You may also like...

By continuing to browse or by clicking “Accept” you agree to the storing of first- and third-party cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Cookie policy | Privacy Policy

Privacy Preference Center

Close

Your Privacy

Umami Marketing Inc. appreciates your interest in its products and your visit to this website and respects the privacy and the integrity of any information that you provide us as a user of this Site. The protection of your privacy in the processing of your personal data is an important concern to which we pay special attention during our business processes.

Privacy Policy

Required
Personal data collected during visits to our websites are processed by us according to the legal provisions valid for the countries in which the websites are maintained. Our data protection policy is also based on the data protection policy applicable to Umami Marketing Inc. Read more

Cookie Policy

Required
Umami Marketing uses cookies and similar technologies, such as HTML5 web storage and local shared objects (all referred to as ‘cookies’ below), to record the preferences of users and optimize the design of its websites. They make navigation easier and increase the user-friendliness of a website. Read more

Essential cookies

These cookies are essential for websites and their features to work properly. Without these cookies, services such as the vehicle configurator may be disabled.

Cookies used

  • WordPress Required

Performance Cookies

These cookies collect information about how you use websites. Performance cookies help us, for example, to identify especially popular areas of our website. In this way, we can adapt the content of our websites more specifically to your needs and thereby improve what we offer you. These cookies do not collect personal data. Further details on how the information is collected and analyzed can be found in the section ‘Analysis of usage data’.

Cookies used

Third-party cookies

These cookies are installed by third parties, e.g. social networks. Their main purpose is to integrate social media content on our site, such as social plugins.

Third-party cookies