Web Design Storyboard

Business Storyboard Example

A web design storyboard is the process of making a rough outline of what your web site will include before it is actually created. It can be used to organize thoughts and content.

A Business Storyboard may include:

• Main Page or index
  Think of this page as the "cover to your book" inviting viewers to enter your site. Your goal should be to make it colorful and eye catching. Your company logo, name and a brief description of your company may go here.
• About Us
  Think of this page as chapter "one" of your "book".
  Your company profile or a more in-depth description of your company is described here. Additional pages can spring from this page such as:
• Company History page
• Credentials page
• About Our Employees - individual biographies page(s)
• Customer Testimonials Page
• Company Awards Page
• A customer serviced page with hyperlinks
• Services Offered
  Again, additional pages can spring off of this page to describe your services in more depth.
• Products Offered
  This page will describe in detail the products your company offers. Again, additional pages can be linked from this page to describe your products in more depth.
• Customer Information
  This page should have a form for customers to fill in information needed to send their order: name, address, phone #, and type of payment customer will use (credit card, PO, money order, etc.)
• FAQ
  List any frequently asked questions about your company and the answers.
• Contact Us
  This page should list your address, phone number, e-mail address, hours of business, etc. Mini pages could spring from this page to include:
• Company Directory of Individual employees / title / work extension and e-mail address page.
• An information request form page.
• A Directions page

Planning your color scheme, navigation and layout:

You should complete several design decisions during this phase including:

1. The general color scheme
2. A background color
3. Your basic layout
4. Your navigation

To complete your storyboard, you will provide:

• A brief write-up of your color scheme, including a specific description of your background color or image.
• A navigation diagram using text boxes and arrows completed in MS Word or PowerPoint.
  
  

  Navigation Diagram Example

  Your navigation diagram could vary from this example. Since you should have a navigation bar on each page, you would need to represent this on the diagram with double-headed arrows in between each of your pages.

  
  
• Sketches of layout for each of your six main pages completed using the storyboard pages.  It's recommended that you use pencil when sketching, or you can sketch on the pages in the Word document if you are comfortable with the drawing tools in Word.

Example of Sketched layouts: