Website Design

8 Steps to Planning Your Website Redesign

JannelleChemko
ByJannelleChemko

There are so many amazing websites out there nowadays, it’s common to do a double-take of your own and realize that it may be in need of a design overhaul. But it’s not all just looks. There are a lot things that you need to keep in mind when strategizing your website redesign: the look and layout for starters, obviously, as well as back-end preparation, content refreshing and search engine optimizing, to name a few.

The saying is: Fail to Plan, Plan to Fail, and it’s no truer than during a website redesign process. The more you plan upfront, the more successful your new site will be — not only at launch, but for the long-term as well.

The following are 8 key steps that you should consider as you begin planning for a beautiful new website.

How to Plan Your Website Redesign.jpg

1. Identify what’s wrong with your current website

Take the time to go through every page on your current website: what do you hate about it? Are there flows that just don’t make sense? Have you ever had complaints from customers about particular aspects of your site? Review your analytics and find out which pages have the lowest traffic or the highest bounce rates. These are all starting points for you to either fix or completely nix from your redesign.

Alternatively, it’s also important to make a list of things you love about your current site as well. There’s no sense in fixing what isn’t broken, so if there are certain pages or features of your site as-is, you can plan to incorporate them into the new design.

2. Define your goals for the new website

What new results or functionality are you hoping to achieve with a new website? Are you looking to increase revenue, traffic or conversion rates, or are you hoping to add new features to your site, like landing pages for offers, embedded video content, or improved navigation? Are you trying to reach a more targeted market? If so, you’ll want to think of some persona goals as well: who are you trying to sell to? How can your website reach them and stand out from the competition?

Having a solid understanding of your end goals will help to form the business case for the redesign and also help to funnel all of the ideas that are about to start coming your way!

3. Analyze the competition

A little competitive analysis can go a long way in helping you plan your redesign. Go through some of your competitor’s websites, top to bottom, and really try to understand their strengths and weaknesses, and where you might be able to take some advantage. It may also help you get the creative juices flowing for how you want to present your products, or your content.

4. Fully document your current site

Take full inventory of your entire current site, and document it all:

  • All page content
  • Videos
  • Blog posts
  • Landing pages
  • Downloadable offers (eBooks, whitepapers, etc.)
  • All keywords
  • All meta data
  • All inbound links

You should also create a baseline report of web analytics on your current site, for each page. Include URL, bounce rate, average time on page, conversion rates, and traffic sources. You can use this information to not only ensure you don’t miss any page content on the new site, but also to make sure your new site improves upon the old one’s analytics (meaning your redesign is working the way you want it to).

5. Map out your site’s navigation

Write out all of your current pages onto sticky notes and place them on a wall or whiteboard in the layout of your current website. Then add or remove pages (sticky notes) to help you design your new sitemap.

If you need to see this happen in a more complex way, check out some tools like Slickplan or WriteMaps, where you can easily drag and drop the architecture of your entire website.

Slickplan Sitemaps.png

Try to keep the same URL structure as your current website, if possible, as this will help you to retain any SEO assets and SEO progress that you already have in place.

6. Wireframe it out

Every page needs to have a wireframe mockup detailing the layout of text, images, calls to action and navigation. It’s a visual representation or blueprint of your new site, and will make the design process easier, more efficient and more cost effective for you to manage.

Mashable put together this great post on 10 free online wireframing tools that you may find useful, or there are some paid tools that will give you greater functionality and flexibility. Some of our favorites are Invision (for the design process from end to end) Wireframe.cc (which offers a “preview” mode so you can build a wireframe and see what it would look like live) and Balsamiq (which reproduces the experience of sketching on a whiteboard, but using a computer). Both are designed for collaboration, so your entire team can come together to agree (or disagree) on a mockup, and work through it to create the best version possible.

Website Wireframes.jpeg

7. Refresh your content

A new website layout may require you to add or reduce your current content. This is something that often gets forgotten or overlooked until then end, when it’s really an important piece that should be taken on at the beginning. Refreshing your content early on means that you have lots of time to make revisions throughout the redesign process, and it also means that you will have the final (or almost final) content text to input into the wireframes, so that you can see how it will actually look live on a page. It’s also useful for you to plan the flow of your website, and make sure that the right content is being displayed for the right part of the buyer’s journey through your site.

It also gives you time to audit your SEO and keyword usage, and ensure both are being used properly on the new site.

8. Make an action plan

Use a task tracking or project management tool (our go-to is Asana) to list out every deliverable, that deliverable’s owner, it’s deadline, and it’s time and budget allowance. This may seem tedious at the onset, but a website redesign is a huge process and you’ll be glad to be able to keep track of all of the moving pieces so that you can hold your team accountable and make sure you’re hitting due dates. Every delayed piece will only delay it’s counterpart; the longer your new website remains unfinished, the more traffic and potential buyers you’re missing out on.

Here’s a great post that lists out 45 really useful website design checklists that can help you put together your action plan, and make sure you don’t miss any important steps.

Summary

A website redesign is a major project and can seem overwhelming, but as long as you put in the effort to plan out the process before you start, you’ll save yourself a ton of issues and headaches. And it will all be worth it on go-live day, when your beautiful new site is live for all of your future customers to see!  

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