How to Storyboard Your Web Site

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.

How to Storyboard Your Web Site. Creating a Web site is not hard to do, but making it easy to navigate and informative can be challenging. Providing information is not always a problem, nor is organizing that information. Getting it all right the first time, however, is a challenge that gets the best of the most proficient Web site builders. An easy way to make sure it all flows and is simple to navigate is to storyboard your Web site. Storyboarding is an easy way to see what information goes on which page and how that page will flow with the other pages on the site. It will also allow you to see how the site navigation needs to be set up and avoid you having to redo the menus or content on multiple pages.


Step 1

Collect the information that you want to include on the Web site. This includes text as well as images.

Video of the Day

Step 2

Sort the information into topics. Topics should start at the broadest and work toward the narrowest.


Step 3

For each page of the Web site, determine page title, headings, sub headings and content.

Step 4

Plan the structure of the information and how the pages will link. This needs to be logical. It can be linear, hierarchical or a branch design, in the form of a web.


Step 5

Layout the menu structure.


Step 6

Layout your template page. This should be the interior page of the Web site.

Step 7

Test the layout. Imagine that you are a visitor to the Web site. You can enter on any page. Does it work? If not, start again.


Video of the Day

Tips & Warnings

  • Bubble charts in a presentation software work well for storyboarding a Web site while text files work well for storyboarding the individual pages.



Report an Issue

screenshot of the current page

Screenshot loading...