Are you about to embark on a new website project? Before you dive in and start contacting website developers, you’ve got a lot of planning to do.

In fact, just like when you build a new house, you’ll need to organise the plans for your website before you can start contacting companies to quote on building it. This is because planning what you want for your website and the steps you need to take are just as important as actually developing your site.

This guide will move you from “I need a new website” right through to the final build. We’ll cover the first steps, carefully planning exactly what you need, how best to do it and when to contact a web design company.

1. Work out WHY you want a new website.

Do you actually know why you want a new website?

Most people know that in today’s climate a website is often the first point of contact with your business. They’re a necessity. With that in mind, not many businesses really consider what they’re trying to achieve by getting a new website.

Contacting a professional company like Website Boss is never a mistake, but we’ll have some questions for you.

A website is an opportunity not only to showcase your brand to your customers but to really think about your business objectives and how they can align to help solve your customers problems.

Your first step in getting your website designed is to work out what it actually is you want! There’s a few key questions that we’re asking when we say this:

  • Who are you and what do you do as a business?
  • What is the message you’re trying to put forward?
  • Who are your customers?
  • What are your customers’ problems and how do you solve them?
  • What do you need to tell your customers?
  • Is the website going to be used in conjunction with another marketing campaign?
  • What content are you going to show?

Getting this information together is a crucial step in planning your website and one that should be consulted and discussed with all key stakeholders right from the start – business owners, CEO’s and other decision makers. It’s worth taking the time to get this right to avoid ‘Bob’ chiming in for the first time with “just some ideas” two days before you want to launch.

The process of getting everyone on board with the direction right from the get-go will start to form the foundations of a brief. Ongoing consultation with everyone will help smooth out the process and keep everyone on the same page.

2. What does your customer want from your website?

It’s very easy when thinking about your business, the business goals, your website and your team to forget about the most important thing: your customer.

Your website should solve your customer’s problems. It should speak to them in their language and it should be designed in a way that’s going to appeal to them. You don’t necessarily need to have all the answers, but great questions to ask yourself are:

  • What are their personality types and demographics?
  • How will they view and navigate your site?
  • Will they be predominantly mobile-based?
  • Are they older and prefer larger fonts?
  • Are they younger and demand short ‘meme-worthy’ content?
  • Would video better explain to them what you do?

Creating personas is a great way to plan your website. You can create your key customer persona by giving them a name, age, location, hobbies and habits. This is much easier than it sounds.

For example, if your business is in manufacturing or engineering, your key customer persona could be called “Dave”.

Meet Dave.

Dave is 45, he works in a business in a noisy warehouse. Dave started off “on the tools” and is now a manager. He’s busy so he often searches things on his phone – reading loads of words is time-consuming so he skims most text looking for the information he needs. Diagrams with captions catch his eye and he likes video explanations where he can listen to what’s being said while watching product creation and processes in action. Dave’s biggest problem right now is he needs someone to design and fabricate a specific part for a project he’s working on. Dave doesn’t like computers and prefers to speak with someone on the phone.

So, how do you get Dave to become a customer?

Firstly, graphical and video content is going to be key, you may need to plan what diagrams you need to get made up, what spec sheets need to be created and how your content needs to be broken up so that it can easily be skimmed and Dave can find the bit of information he needs quickly.

If you have the budget creating videos of your process, showing the creation of products and how they’re designed and made, will help Dave connect with you.

Make sure your main call to action is “Call us” with your phone number clearly shown at the top and bottom of every page on mobile and desktop.

This is just a very brief, quick example but you can see how when you combine the goals of the business, with the behaviours and needs of your customer, you’re starting to create a really solid plan for the success of your website.

3. Turn your website plan into a website brief

Now that you know why you want a website, what you want to say, who you want to say it to, and how you need to say it – it’s time to put it all together into a website brief.

In this step, it’s important that you go over the details of your site. Including things like:

  • What are the pages of your site going to be?
  • What will the sections of each page entail?
  • How many pages and sections are required to effectively present the information in a way that it is engaging and converts?
  • How should a user navigate between pages to get to the point where they take action to contact you?

This part of the process is creating the architecture of your site, or in other words – how all the elements of your site fit together.

The best way to create an effective site architecture is by building sitemaps. We use FlowMapp Sitemap Builder so everyone can visualize how your site will be laid out and what you’ll need to pull it together. When it’s time to get quotes from designers, a sitemap is an essential tool for them to understand the scale of your request.

Ask yourself and your stakeholders:

  • Will you have an About Us page, who will be on it?
  • Will there be product pages? How many?
  • Will you have a Google map?
  • What are the main pages and what are sub-pages that link from those pages?
  • Will there be sign up forms or mailing list integrations? Where do you want these to appear?

Example of a sitemap from Flowmapp:

example website design sitemap with flowmapps

Your sitemap provides an overview of how your site will function in an easy to read, visual diagram. Here you’ll also create categories and navigation paths that show how a user will navigate with the site. Your web‌ ‌designer will then be able to use what you’ve created to design website elements and to know where content will go.

Having a clear sitemap and navigation path for your customer is not only good for usability, it also helps search engines like Google to easily read, follow and understand your website’s structure- which works better for everyone!

4. Time to talk about website content.

4.1 What content?

Ok, so you’re getting some momentum now. It’s time to start thinking about content.

You’ve already done your key customer persona above (Dave), and you know how they absorb their information best. So what content do you need to create?

Will your content include both text and video? Will you need forms? Calculators? Pictures? All of these questions can help you define your content needs.

Once you’ve decided what needs to be on each page of your site, you’re going to need to decide who is going to create it. Will it be you? Will it be someone else at the business? Will it be an expert?

This is where many businesses and website projects come to a sudden halt.

It’s best to figure out:

  • Who is going to write the content?
  • Who is going to take the photos/choose the images?
  • Who is going to create the diagrams/infographics?
  • Who is going to create the videos?
  • How much will it all cost?
  • Where can we save money?

The sitemap you created earlier is a great help during this step. You can use it to visualize your website and decide if you actually need all the pages you have added, or if you can cut back or shift pages around to present your content in a better way.

All this is much easier at this stage before development has begun!

Your content budget, timeframe and content creation may mean you need to start smaller and add more content and pages over time. With a reliable web developer, this is all possible. Or it might mean you can pay experts to create it for you (more on that below), meaning you’ll get it done much quicker.

Sometimes doing this step alone shows you just how much you’ve bitten off! Having all your content ready before contacting your web designer not only streamlines the development process and minimises the chance of delays but reduces the stress of trying to rush it so your designer can add it to the site. It also helps you avoid unexpected hiccups in your budget.

4.2 How do we streamline and maximise the effectiveness of content creation?

You have a few options for your content. Not everyone is a writer, photographer or a videographer. It’s hard to find the time, and quite frankly if you were a writer you’d probably be by a lake putting the finishing touches on your latest novel, not working in your business.

It’s time to organise your existing collateral. You might have an old website with content that can be edited and whizzed up to be more in line with your new message. You might have a photo library, PDF guides, documents, newsletters, branding, promotional materials, adverts, the list goes on…

Think of everything you possibly have available and then organise it in such a way that you can work out what can be used, what new content needs to be made and then work out how to get it done.

You can even update your sitemap now to highlight pages which have content and pages that still need content.

When writing or rewriting your content, always think about who will be reading your website. Some best practices for writing your content are:

  • Use short sentences and paragraphs. It’s easier for your customer to consume your information, especially on mobile devices.
  • Use bullet points where possible so that readers and search engines can easily scan your content.
  • Write to your customer, not at them. Be honest with them.
  • Be clear and speak to your customer in a way they will understand. Avoid industry jargon whenever possible.
  • Look for opportunities to link to other pages on your site.
  • Try not to double up- Google doesn’t like this and neither do your customers.
  • Make sure each page has unique content.
  • Again, consider what problems your business solves for your customers and work that into your copy.

Even if you choose to create all your web content yourself, we often advise having a copywriter or content creator look over your work. Sometimes being so involved in your business means it’s hard to step into your client/readers shoes.

4.3 Having your website content organised aids the design of your site

It’s very rare that we’re contacted by a business needing a website and they answer the content question with “Yes, we have all our content and all our images ready, and we know exactly which pages each will be placed on”.

But…

Getting your content organised prior to asking a web designer to quote or design a layout for your website is actually crucial. Having your finalised content when building and designing page layouts saves loads of time and revisions. Every time content changes it also means alignments change, box sizes need adjusting and lots of other little edits- which can add up lots of time spent. Planning this ahead will keep the designer as your friend. Also remember to spell check, people. No, seriously.

It also gives you more time to plan and implement SEO strategies, by optimising your content pre-launch.

5. Create the wireframes or sketches of each page

In order for your chosen designer to really understand your vision for each page your brief needs a framework to work to. This doesn’t have to be fancy, a rough sketch on paper that you scan in or photograph is fine.

A wireframe is essentially a sketch/blueprint diagram of each page of your site that shows where you see the main elements going. Your designer can work with these sketches to bring them to life with your content.

Be sure to include your thoughts on:

  • Headers / sliders
  • Image locations
  • Video locations
  • Note for which text is to go in text boxes
  • Interactive elements
  • Forms
  • Call to actions

When creating your wireframe sketches, it’s important to remember that these diagrams are less ‘design’ (that’s the designer’s job) and more ‘skeleton’ – used to show the layout and placement of things.

This part can be difficult as you aren’t a designer yourself, and that’s fine. Spend some time looking at other websites and figure out why you like them. These notes are always handy for your web designer. Rest assured, a good web designer will run through all of this with you before they quote on a website build.

They are most useful for obtaining the necessary approvals from stakeholders before the web design team starts building. With these diagrams, everyone can quickly see the direction and scope of a project before too much time and money is invested in getting a designer to create something that our friend ‘Bob’ or the CEO wants changed down the track.

If you want to get into the nitty gritties, you can even do a wireframe for each page on mobile phones as well as on desktop – and you can decide which content to remove/hide if there is too much for mobile. Of course your developer will also be able to do this – but considering this may help them get a clearer understanding of what is the most important content to present.

6. Create the wireframes or sketches of each page

In order for your chosen designer to really understand your vision for each page your brief needs a framework to work to. This doesn’t have to be fancy, a rough sketch on paper that you scan in or photograph is fine.

A wireframe is essentially a sketch/blueprint diagram of each page of your site that shows where you see the main elements going. Your designer can work with these sketches to bring them to life with your content.

Be sure to include your thoughts on:

  • Headers / sliders
  • Image locations
  • Video locations
  • Note for which text is to go in text boxes
  • Interactive elements
  • Forms
  • Call to actions

When creating your wireframe sketches, it’s important to remember that these diagrams are less ‘design’ (that’s the designer’s job) and more ‘skeleton’ – used to show the layout and placement of things.

This part can be difficult as you aren’t a designer yourself, and that’s fine. Spend some time looking at other websites and figure out why you like them. These notes are always handy for your web designer. Rest assured, a good web designer will run through all of this with you before they quote on a website build.

They are most useful for obtaining the necessary approvals from stakeholders before the web design team starts building. With these diagrams, everyone can quickly see the direction and scope of a project before too much time and money is invested in getting a designer to create something that our friend ‘Bob’ or the CEO wants changed down the track.

If you want to get into the nitty gritties, you can even do a wireframe for each page on mobile phones as well as on desktop – and you can decide which content to remove/hide if there is too much for mobile. Of course your developer will also be able to do this – but considering this may help them get a clearer understanding of what is the most important content to present.

7. How will your new website look?

Getting back to our house analogy – if you just ask a builder to build you a house without thinking about how many bedrooms, what materials to use and how you want they layout of your house – you’re probably not going to get the type of house you want. The same goes for websites.

You might already have a branding guide – a document that outlines your company’s colours, logo, fonts, font sizes etc, but if you don’t – now is a good time to put even a brief one together. This is usually what is meant when someone talks about the “look and feel” of the website.

Think of brands like Virgin, Coca Cola, Facebook – they all have branding guidelines that need to be strictly followed to maintain their visual identity. This doesn’t have to be a big, expensive exercise. If you need, you can ask your web designer to quote on making one for you, there are some examples here.

It’s much easier for a web designer to build you a site that reflects your brand, so that customers can instantly recognize your business at a glance.

This branding should also extend to offline collateral, such as brochures and ads. These assets, although not digital, should align with the fonts and colour scheme used to design website pages, to create a unified experience.

This is another good time to think about the images you will choose for your website. Make sure they reflect the brand and are of good quality. You might want to consider what you already have available or whether you need to take some new pictures. Stock photos can be excellent if you don’t have the time or budget to hire a photographer. Your web designer should be able to point you in the direction of some good stock image sites such as Pixabay, Adobe Stock and Unsplash.

Once you’ve planned the brand of your site, it’s good to once again get some feedback from stakeholders, to ensure that the look and feel are appropriate for the company. Your web designer can also help ensure your colours are suitable for the web. Feedback during branding and wireframe discussions are a great chance to make adjustments before investing into the development of your website.

8. It’s time to start contacting web designers!

Ok, you have now completed your checklist. You have:

  • Decided why you need a website.
  • Created a sitemap.
  • Decided what content will go on each page and who will create it.
  • Created some rough sketches/wireframes of the pages.
  • Created a branding guide.

With your website plan and brief completed, it’s time to begin contacting web developers!

This step should flow smoothly, as you are able to present a detailed brief to designers and they’ll know exactly what they are building and how to quote accurately. There will be no quoting up a 1 bedroom apartment when you’re expecting them to build 3 story 10 bedroom mansion and vice versa.

You’ve hopefully got your content created by this point and will know what budget you have available for the website build. Once you start speaking with developers, you might find that what you’re hoping for and your budget don’t quite match. This is ok. A good web designer can work with you to help the two align a little better.

Remember that websites are not set-in-stone objects, they’re not like a print advertisement or marketing material that can’t be changed once launched. Websites can be constantly added to, refined, adapted and grown. In fact, it’s vital that this happens on an ongoing basis to keep bringing new visitors to your site! You can always start small and build up over time.

9. This all sounds a bit hard, do I really need to do this?

We won’t deny, it can be a bit hard.

But hopefully you can see the value in going through this process and how it not only helps you get the website you want, but how to do so without annoying or costly roadblocks along the way. It also means you’ll have a website that helps your customers feel at ease with your brand, which in turn increases the number of people who contact you. You’re at ease. The customer is at ease. The web designer is at ease. Everyone is relaxed.

There are some web agencies out there (like us) that can walk you through this process step by step; guiding you along the way to answer your questions and help you plan and organise your website. We call this a paid Discovery Session.

Getting an expert with experience in this process means every detail of your site is planned out properly. It might cost you a bit more than diving straight into a website build, but saving yourself the headaches and dollars down the track is more than worth it.

Frankly, if your web designer is not offering you a Discovery Session or a planning session of some kind before they quote for a site, they’re simply guessing. And if someone was building your house, you wouldn’t want them to guess at the end price.

So to plan your website brief properly with no costly guesses, simply book a chat and we’ll be in touch to learn more about your business and explain how our no obligations Discovery Session process works.

2019 Website Design Price Guide

Thinking about a new website?

DOWNLOAD our FREE Website Pricing Guide!

Your website pricing guide is on it's way!