In this video, we’ll cover how to create a site outline for your website. By doing so, this will help you get a clearer picture of all the pages your website will need in order to accomplish the purpose and functionality you determined in the previous video.
In this video, I’m going to show you how to create a site outline. I personally find it easier to create one by simply drawing it out on a piece of paper. So, let’s get started!
First of all, every website needs a home page, which is basically an introductory page or landing page that people will first see when they visit the website. The homepage should serve as an entrance point, displaying pertinent information and facilitating navigation to other pages across the website.
For Sarah, her homepage might have content highlighting important information about her bakery, such as location details, contact info, special deals, new menu items, pictures, and other basic info.
After the home page, we’ll need to continue our outline by adding several more main level pages. For our example, we’ll add a menu page, an about page, and a contact page, which all seem pretty standard for a bakery website.
The menu page will list all of the delicious snacks & goodies her bakery has to offer.
The about page will be a simple informational page with a bio and history of Sarah and her bakery business.
The contact page will list the bakery’s contact information, such as a Google map of the bakery’s address and a contact form for email.
Next, we’ll add an item page under the menu page.
The item page will list a single item from her menu so that her customers can learn more about the item in detail. This page might have a detailed description along with various photos of the item. Furthermore, it might even have an “add to cart” button so customers can order that item online if they desire.
Since the item page is directly related to the menu page, we’ll add it below the menu on our site outline. It is good practice to structure our outline this way by grouping similar pages together as it creates a logical and efficient layout. When Sarah’s website is complete, the url structure of the item page might look something like www.sarahsbakery.com/menu/individual-item-page.html
In theory, there would be many item pages to add – essentially as many items as Sarah’s bakery has to offer. In this case, Sarah might even have to restructure the outline by adding category pages to further organize the hierarchy of her site. Then the URL of a particular item page might look something like this:
To help clarify this, a realistic url example might be named like this:
It’s important to understand how to organize the pages of your website and properly structure them when you create your site outline. As you can see, Sarah’s site outline is already starting to give us a clearer picture of what her website will entail.
At this point, there are probably many more pages Sarah would want to add to her outline. However, just randomly thinking of pages off of the top of her head might be a little difficult. The next part is to analyze Sarah’s competitors and see what they have on their websites.
This part is fairly straight forward. Just find other competing businesses that are successful and take a look at their already existing websites. Look over their website and see what it offers. Look for good ideas that you may want to incorporate on your own website. Now I’m not saying to just copy everything from your competitors. I’m saying to use your competitors as inspiration to create your own unique website.
After carefully analyzing her competitors’ websites, Sarah has found some good, new ideas and has decided to added more pages to her site outline:
When creating your own site outline, remember to carefully consider the purpose of your website and what your website will need to fulfil that purpose. You should include however many pages it takes to provide all the information your site’s visitors will need.
For the sake of keeping this tutorial short, I’ll end the outline here. Just understand the concept of organizing your web pages into a hierarchy to make your website efficient and well-structured. And also understand, that you should spend some time determining what pages your website will entail.