Visually speaking, a sitemap is typically represented by labeled boxes, guiding lines and arrows. On a deeper level, a sitemap is just that, a map. Just as it is important to know where you’re going before you embark on any trip, a sitemap provides a point of reference for you and your client or company. Constructing a sitemap will also ensure you haven't forgotten anything and won’t have to start the process over.
On the other side of the coin, a sitemap is not only blueprint, it is a destination. With the cooperation of your client or creative team, the two of you should be able to arrive at the agreed upon destination (the finished website) with minimal detours. It is common for the client and design team to revisit the sitemap several times throughout the duration of the project. A sitemap also provides a useful organizational tool when populating your website with content, as well as taking inventory of pages that need new content.
First, draw a box near the top middle of your canvas and entitle it “Home.” All other page blocks will live underneath the home block.
Second, determine your highest level pages in order of importance. These might include, but are not limited to: “About”, “Products”, “Blog/News”, “History”, “Resources”, “Contact”, and “Request for Quote”. Position these on the same level underneath the box representing your homepage. Draw guiding lines from your home page block and distribute them to each of your top level pages.
Next, identify what subpages will live under your top level pages. For instance, what categories of products does your company or the client’s company offer? These should all be included underneath the “Products” top level page. Subpages like “blogs” and “product sheets” might be included under the top level “Resources” page. Repeat these steps as necessary until all of your required pages are accounted for and illustrated with their own page blocks. It is also important to make mention of other elements that will appear on individual pages. These could be: forms, PDFs, galleries, portfolios, calculators, or other functional tools.
Color coordinating the levels of your sitemap can aid in recognizing and understanding certain pages are of equal levels in the page hierarchy. A legend positioned at the top of your site map will illustrate this for your viewers.
A good goal to shoot for is that after completion, someone outside of your project should be able to view the sitemap and understand the page hierarchy and organization without much additional information and/or clarification.
Once the Sitemap is approved by the client, it is paramount that both client and firm stick to the plan. If either party diverts from the agreed upon destination, chances are very low that both of you will end up at the same place.
Your final version of the sitemap should be pretty solid. However, if you must make changes, a few tweaks here and there are permissible.
Ready to get started on your redesign or new website design? Our experienced team of UX designers and developers can assist you in designing and constructing a sitemap and website that is functional, user-friendly and ascetically pleasing.
To get more information on our design and development services, please call 866-387-7962 (or in the Charlotte, NC area, 704-454-2866) to speak with an account representative or visit our website to get started!