Creating a sitemap

Remember your customers' primary purpose and ensure that your site structure makes it easy for them to perform that action. Put yourself in their shoes and think about what they expect to see in your site, and where.

This is especially important if you are creating a website to replace an existing one. Don't just copy your existing site structure; take the time to revisit your site through the eyes of a customer.

You may have many or just a few pages for your website. Either way, it's worth remembering that not every page or link is created equal. You can use a footer or sidebar on your website to house links to the less important information, such as terms and conditions, newsletter signup, or delivery information.

If you have several key areas, you might want to break them down into subpages to keep each page short and sweet.

Don't use jargon or uncommon words as labels for site pages or sections. A first-time customer won't know that The Scoop is your news page, KDD Lite is the internal name for one of your services, or Gimme Gimme Gimme is your online shop section. You have less than 2 seconds to show your customers what they came for; don't make them have to think about what things mean.

Try to use common words such as Home, Shop, and Contact, because today's web users are accustomed to these labels. Unless your brand or product names are well known, consider using more general terms as labels for the pages or sections.

Even if one of your brand values is quirkiness or playfulness, you can convey this through your text, images, and visual elements—keep your navigation labels clear and concise.

One trend in website navigation is to use action words. This can make your site feel more inclusive and dynamic, and encourage your visitors to perform certain tasks. If you do this, be careful to ensure that the words are still clear and concise. The following table shows some examples:

As you go along, include any notes to yourself that you need to remember, such as cross-linking pages between sections or links to external sites such as Facebook.

You might find it easier to keep some notes in separate schematic drawings for certain pages. If so, go ahead and make some page wireframes (sketches) in addition to your sitemap. Tools such as https://moqups.com/, http://lumzy.com/, or Google Drive Drawings can create simple wireframes and are useful if you need to share your ideas or get approval from colleagues.

Once you have finished your sitemap and wireframes, have someone else look them over to sense-check. This could be a colleague or friend, ideally someone who fits your target audience.