Web Development

How to Plan for a Website Redesign

October 6, 2020

A little pre-planning can go a long way to accomplishing your short-term results and long-term goals for your website.

Let’s dive into some core steps you can take to outline the project and codify your goals before jumping into design and development.

#1: Define Your Audience

The more information you have about your target users, the easier it will be to improve your site’s SEO, authority, and credibility. Prior to jumping into design, make sure to answer the following questions:

  • Who is your target audience? What are their goals in using the site?
  • How do they engage with your company offline, or through other digital channels?
  • What do you want your website to do for your target users? How aren’t you solving their problems currently?
  • Do you have personas that represent your users? (if not, create them)

#2: Audit Your Website Content

After defining your audience, spend some time setting content benchmarks and auditing what you already have:

  • What is the main purpose of the site? What content do you have (either on a current site or in the form of marketing collateral) that could be repurposed?
  • What specific functionality do you want on the website? How will it bring your content to life?
  • Is there any content you need help creating? How can you outsource content work, if needed?
  • What content is performing well? (make sure that a redesign doesn’t break your best page rankings)

#3: Determine Your Competitors

So you know who and what you’re up against, gather details about your competitors, and communicate them across your team. Make sure to include:

  • Competitor(s) name, details, and URL
  • Do they have any features you like?
  • Do you like their websites overall? What lessons can you draw?
  • What are your competitors NOT doing, and how can you capitalize on it?

#4: Choose Your Website Technology

Consider the current technology you’re using and what new features/functionality you’d like to implement, then make your decision.

  • What core technologies will your site use?
  • What analytics platform do you plan to use?
  • What will be your domain and your host?
  • What browsers do your users predominantly use?
  • Any security considerations?

Assess Your Site and Determine Next Steps

When we consider website development, we use two frameworks to help guide and inform our design process: The 7 Ingredients Of A High-End Experience and A Holistic Approach To Websites.

When performing light website reviews, we use the 7 Ingredients of a High-End Experience as a framework:

  1. Layout: Do page layouts, navigation elements, and site guidance create an effective and enjoyable user experience?
  2. Imagery: Are high-quality images and graphics being sued appropriately to communicate brand messaging and encourage engagement?
  3. Interactivity: Is the site a dynamic experience, whereby user interaction is being relayed via meaningful animations?
  4. Brand: More than simply adhering to brand guidelines, does the design properly evoke credibility and emotion?
  5. Media: Is video and shareable content being integrated seamlessly into the experience? Like imagery does this content enhance the site’s messaging?
  6. Messaging: Does the design tell the brand’s story in an effective and engaging manner? Are brand principles supported by good copywriting, ease of use, and appropriate tone?
  7. Performance: Is the site fast and has it been sufficiently tested and optimized?

To help you prepare your team, evaluate vendors, and inform us where you need help in your web design process, we’ll have you fill out this Holistic Checklist:

Interested in learning more?

Download our Website Planning Guide

Founder and CEO of Fresh Consulting, student of all things creative, innovative, and fresh, professional snowboard instructor trainer, father.

Whitepaper

Resources

Your Guide to Website Accessibility

Download

UX Principles for Websites

Download

Your Guide to Website Optimization

Download

You might also like...

5

Aug.

Everything as Code

Writing code isn’t the only skill you need to deliver software, but it might be the most important skill for everyone involved. Every role involved in delivering and operating modern systems is beginning to use tools to automate their jobs. Instead of having a deployment checklist, you can define each step in code and have … Continued

...continue reading

25

May.

Using Containers to Automate Your Development Environment

Beginning to work on an existing codebase can be daunting, but it can be even more time-consuming if the team hasn’t taken time to automate the creation of their development environment. When you start working on an existing project, you’ll likely follow similar steps to the ones below to run the code on your machine: … Continued

...continue reading

17

Feb.

Compiling CSS and JavaScript Made Easy with Laravel Mix

Today, we have a lot of tools and technologies to aid web development. CSS preprocessors like SASS or LESS make writing CSS easier and more powerful than ever. JavaScript keeps evolving with new features added every year. But these options can come with a cost: compatibility. CSS preprocessors are unlikely to have native support in … Continued

...continue reading