storyboard team woof
TRANSCRIPT
Team WOOF Project Storyboard 1
Site Map
Team WOOF Project Storyboard 2
Left Hand Menu
Content Right Hand
Menu
Website Head
• Basic screen layout (three columns plus header)
Header set by website theme
Team WOOF Project Storyboard 3
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Content Right Hand
Menu
Website Head
• Left hand menu layout
Left hand menu provides navigation and lists modules in numerical order from first to last
Team WOOF Project Storyboard 4
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Content Right Hand
MenuExternal
LinksForums
Website Head
• Right hand column layout
Right hand menu links to external sites opening in new window
Doggy forums are listed and can be accessed for discussion
Team WOOF Project Storyboard 5
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Main Page Content
Articulate Storyline pieceWelcome
Who we areWhat this is about
Right Hand
MenuExternal
LinksForums
Website Head
• Main page content
Main page welcomes visitors, gives background to the project and instructs them to use left hand menu to navigate through the website
Team WOOF Project Storyboard 6
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Module Page Content
Module 1• Heading 1• Heading 2• Heading 3
Right Hand
MenuExternal
LinksForums
Website Head
• Module page content
Module page lists headings in each module; user clicks to get more information
Team WOOF Project Storyboard 7
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Module Page Full Content
Module 1• Heading 1
Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
Video• Heading 2• Heading 3
Right Hand
MenuExternal
LinksForums
Website Head
• Module page full content
Upon clicking a heading the full content will appear underneath, with video embedded in some cases
Team WOOF Project Storyboard 8
Left Hand Menu
Module 1Module 2Module 3Module 4Module 5Module 6
Module Page Full Content
Module 1• Heading 1• Heading 2• Heading 3
Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
Video
Right Hand
MenuExternal
LinksForums
Website Head
• Module page full content
Upon clicking another heading the content will collapse and the new content will appear