The Ultimate Guide to Site Development During a Website Redesign

Image of a laptop with code to represent the site development phase of website redesign.

All right – drumroll please… you’ve made it out of the visual design phase! Congratulations! Now, it’s time to put all of your planning and preparation in action. During site development, your team will start to see the process come together, and all your strategy sessions and website planning will start to pay off.

At this point, the development/beta site will be created and built based on specifications outlined earlier in the project. Your content management system (CMS) should be installed and configured on the server, so you can begin to build out templates and train the team on the new system.

Here are other important items your team should complete during the site development phase:

1. Build Out Templates in CSS

At this point, the creation of the beta site has been completed and the selected CMS has been installed. Now it is time to build out templates based on wireframes and design standards. The templates will give structure to your pages, and through the stylesheets, you can design a structure that gives a cohesive look and feel.

2. Optimize images, CSS, HTML, and JavaScript

One extremely important aspect to check on before moving forward is to ensure your site’s HTML, JavaScript, CSS, and images are all optimized. Users will have a much better experience with a site that is optimized, and your search engine rankings will be better when your pages load faster – as indicated in Google’s ranking factors. Regardless of SEO benefits, a faster load time equals a better experience for your visitors overall.

In order to optimize your code, you should consider using a minifier, if you aren’t already, to optimize your code by removing comments, white space, and other unnecessary characters. GitHub is a good minifier options. As far as your images go, you should make sure all images are compressed for the web, no larger than they need to be, and are in the proper file format (PNG or JPG depending on the use).

3. Ensure the Site is SEO Friendly

Ensure each page is optimized for on-page SEO by having relevant, accurate information with appropriate keywords and long-tail phrases. Your site should also have proper meta descriptions, optimized URLs, optimized images, an XML sitemap, and have proper coding in place for instances of duplicate content.

Want to know more? Then check out our post on nine ways to keep your search engine rankings during a website redesign

4. Clean Up Content

Despite best efforts, it is probable (and very likely) there will be some content issues to clean up before you launch the new site. But wait, didn’t you say we would be taking care of all the content during the content audit phase of the website redesign?

While a lot of the content issues will be addressed in a previous stage, there will also be new content created for the site, and possibly multiple content contributors creating or editing content. With multiple contributors, you’ll want to ensure consistent, accurate, and error-free content. Catching spelling errors, broken links, SEO issues, accessibility issues, and more prior to migration will help save time and headache during the content transfer.

5. Monitor Editorial Guidelines

In the same sense as checking your content for errors or issues, you should check your content against your style guidelines. Your team members should be aware of the editorial style guide for any future content they may be creating or adding to the site in the future.

6. Run Tests on Templates for Usability and Accessibility

Now that you’ve built out templates, you need to test them for usability and accessibility. All site templates should be tested before any content migration occurs. You’ll want to make sure your HTML and CSS meet accessibility requirements, and are easy for content contributors and editors to use while migrating content (and adding content in the future).

If templates are not usable or accessible, discovering and fixing these issues now could save a considerable amount of time spent correcting issues post launch.

7. Create a Content Migration Strategy and Migrate Your Content

We’ve gone in-depth on the topic of content migration in our step-by-step migration guides, both part one and part two, but it is worth mentioning again. Add high-level content first, then have editors and content contributors help populate the rest of the site. Depending on the amount of existing content to be migrated and new content to be added, this can be a very large undertaking.

To help manage the process, content contributors, authors, and editors should be trained in on the new CMS and understand there is an editorial style guide to follow. While the new site is being populated, 301 redirects should be created to ensure the new site retains SEO visibility (along with other important SEO factors mentioned above).

At this point, you can feel the excitement, and perhaps a few nerves. With all of your hard work and preparation, you want things to go as well as possible. Don’t worry, proper prior planning prevents poor performance! And regardless of how perfectly you plan your website redesign, there will always be some issues to clean up after launch. It happens!

As long as you are in constant communication with the main team members and stakeholders on the progress of the new site during site development, you will be on track for an epic website launch.

Want more information? Check out some of our additional resources that go in-depth on some of the topics mentioned above:

Content Migration: A Step-by-Step Guide, Part 1
Content Migration: A Step-by-Step Guide, Part 2
9 Ways to Keep Your Search Rankings During a Website Redesign
What’s Killing Your SEO Efforts


If you want to learn more about the entire website redesign process, check out our 7 Phases of Website Redesign web guide



Get the guide: The 7 Phases of a Website Redesign

Your email address will not be published. Required fields are marked *

*

by Rachel Trampel
February 25th
2016

Subscribe to Blog Updates