Presentation is loading. Please wait.

Presentation is loading. Please wait.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Similar presentations


Presentation on theme: "1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!"— Presentation transcript:

1 1. Storyboarding a Website

2 How to start a storyboard: Have Blank Squares!

3 What to include in the squares: Each square will represent a web page in your website. Include: ▫Appearance ▫Text added to Content area (font, size, colour etc) ▫Images added (background) ▫Files (Documents, audio, images) ▫Links added

4 Page 1: Home Page Includes: Standard Layout Design called a Template – includes banner, navigation, logo Information about the company (font: georgia, size 20pt, black) Image of company Links to main pages: Home, Products, Contact (navigation bar) Page 2: Products Includes: Standard Layout Design called a Template – includes banner, navigation, logo Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories

5 Page 3: Contact page Includes: Standard Layout Design called a Template – includes banner, navigation, logo Company email address (font: georgia, 20pt, blue) Photo of company as background image Links to main pages: Home, Digital Portfolio and Contact (navigation bar)

6 Subpages Remember this Page 2: Products Includes: Standard Layout Design called a Template – includes banner, navigation, logo Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories You will need to provide detailed storyboards for these pages too and also for any other pages that these pages link to

7 Try to include four square on one page: Page 1: Home Page Includes: Standard Layout Design called a Template Information about the company (font: georgia, size 20pt, black) Image of company Links to main pages: Home, Products, Contact (navigation bar) Page 2: Products Includes: Standard Layout Design called a Template Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories Page 3: Contact page Includes: Standard Layout Design called a Template Company email address (font: georgia, 20pt, blue) Photo of company as background image Links to main pages: Home, Digital Portfolio and Contact (navigation bar) Page 4: Subpages

8 Finally, remember this is just an example of what you can include. When you are creating your storyboard, keep in mind your colours you have decided on for your business and put what you need to in order to sell your product and service.


Download ppt "1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!"

Similar presentations


Ads by Google