šŸŽˆ  the birthday sale starts tomorrow!

Sign up to receive your discount for up to 50% off.

site map planning your website

How to Start Planning Your Website with a Site Map

Jun 11, 2014

filed under  //

on Tap

Get my best tips and tricks on design & marketing in your inbox every week.





As you think about planning your website, it’s important to know that creating a solid foundation starts with well-developed site map. Creating this strategic plan for your site is one of, if not,Ā the most important thing you can do in the beginning stages of developing your website design.

Essentially, a site map is the basic structure of all pages contained within your website and their relationships to each other. It is important to develop a site map and agree on it with your developer and designer to ensure that your goals and vision for the new website align. Without this agreement upfront, paving a clear path for decisions later could be difficult. A site map is typically visualized through a “tree” structured map. Note that theĀ more pages and information you have on your website, the more complex your site map will be.

When you start planning your website, you will need to answerĀ a few key questions:

What are the business goals of your website?

Is your primary goal to drive e-commerce sales or to create brand awareness? Maybe your goals include product education or showcasing your industry expertise. Whatever your goals are, make sure they are at the forefrontĀ as you start to plan out your website.

What will be the user journey throughout the site?

Think about the end user of your website. What information are they seeking? How can you create a simple path that will allow them to easily navigateĀ through your site? How much information is your target audience willing to consume and at what stage are they in the buying cycle?

What tools would you like to use to develop your site map?

You have many options when it comes to how you will actually create your site map. Some people prefer simply using a pencil and paper while others use word processors, image editing software or online servicesĀ like Gather Content or Jump Chart. However, there is no right or wrong toolĀ to create your site map.

Once you have decided on the answers to these questions, you should have a clearer picture of what information is the most important and how it can be laid out. This is called theĀ information architecture.Ā Once you develop your high level categories (i.e. Services or About), you can segment these into logical and relevant sub-sections of your site.

A good rule of thumb is to not create any section of your site that is more than 3 page levels or three clicks deep. The above site map illustration shows only two levels of information. This simplifies the path for theĀ user and makes finding information easier and faster.

So you’ve finished planning your website – Now what?

Once you develop your site map, you can start visualizing the navigation of your site and how each page will link to the others. You can also begin developing the content for each page because you have a context about where the page is locatedĀ on your site and how users will get there. Your next steps will then take you into website design and development.

Need help planning your website or want to learn more about website design and development? Contact K Design Co.

Don't worry, we hate SPAM too and we promise to never blow up your inbox!

Get our best tips and tricks on design & marketing in your inbox every week.




on tap

Subscribe to our newsletter and get free goodies, insights and discounts delivered to you with love.

Your not-so-typical brand and web bestie.

kristin pruis

Armed with a decade of design prowess and keen business insights to boot, she's the creative powerhouse behind these digital musings.


meet the blogger

learn more

When she's not crafting brands and websites that turn heads, you'll find her penning blog gems that cut through the noise with wit and wisdom. Get ready for a rollercoaster ride through the world of branding, design, and entrepreneurship ā€“ with a side of sass and humor. Buckle up, babe - you're in for one heck of a journey!


Flawless fonts Pairing Guide

brand your business messaging checklist

Looking for the free goods? Check out our curated collection of free resources and essential tools to to help you craft a distinctive and bold online presence.

fan-favorites resources

color palette inspiration guide