Project 2 - Website SToryboard & Flowchart 9

Storyboard Template for Multimedia Product Development

Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: index.html 1 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: For the fresh start
text:
Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36, 14
Font Color: Black, white and bright pink
User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.

Flash animation, with the user-controlled button. Press the button

to continue playing the animation to the end.

Hyper-Links: index.html
cloths.html
shoes.html
beauty.html
sales.html
sitemap.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: white buttons with black border, and black text, in
bright pink background.
Body: Bright pink text on white background, white text on bright
pink background.
Heading/Footer: Black text on baby blue background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: index.html Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: For the fresh start
text:
Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
12, 36, 24
Font Color: Black, white, and bright pink
User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.

Flash animation, with the user-controlled button. Press button to

continue playing the animation to the end.

Hyper-Links: index.html
cloths.html
shoes.html
beauty.html
sales.html
sitemap.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: white buttons with black border, and black text, in
bright pink background.
Body: Bright pink text on white background, white text on bright
pink background.
Heading/Footer: Black text on baby blue background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: index.html Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: For the fresh start
text:
Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
24, 30, 10, 12
Font Color: Black, white, and bright pink
User Interactions: The navigation bar is on the top corner of each page in the
hamburger menu, which is a link to the homepage, and all of them
have either second or third levels page.

Flash animation, with the user-controlled button. Press button to

continue playing the animation to the end.

Hyper-Links: index.html
cloths.html
shoes.html
beauty.html
sales.html
sitemap.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: white buttons with black border, and black text, in
bright pink background.
Body: Bright pink text on white background, white text on bright
pink background.
Heading/Footer: Black text on baby blue background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: cloths.html 2 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: Cloths
text: Front: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
pages. The logo will take to the homepage.

Hyper-Links: index.html dress.html

cloths.html tops.html
shoes.html pants.html
beauty.html skirts.html
sales.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button becomes baby blue. with a black
border, and black text, on the bright pink background, the rest are
white buttons.
Body: white text on bright pink background; black text on white
background; blue buttons with a black border, and black text,

Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: dress.html 4 Panel/Page/Frame No: Aurora
Description of Copy Aurora text: Types of dresses you would like
text: Front: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: One button in the navigation bar, which is a dead-end page,
clicking on the logo will take you back to the homepage, and in
dress button in the navigation bar will take you back to the
third-level page.

Hyper-Links: index.html
dress.html

Audio inclusion and none

controls:
Video inclusion and none
controls:
Color specifications: Page Background: baby blue, and white
Navigation: White button with a black border, and black text, in
the bright pink background.
Body: white text on bright pink background, black text on white
background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: shoes.html 5 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: Shoes
text: Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.

Hyper-Links: index.html heels.html

cloths.html boots.html
shoes.html sneakers.html
beauty.html flats.html
sales.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button become baby blue. with a black
border, and black text, in the bright pink background, the rest are
white buttons.
Body: white text on bright pink background; black text on white
background; blue buttons with a black border, and black text,

Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: heels.html 6 Panel/Page/Frame No: Aurora
Description of Copy Aurora text: Types of dresses you would like
text: Front: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: One button in the navigation bar, which is a dead-end page,
clicking on the logo will take you back to the homepage, and in
dress button in the navigation bar will take you back to the
third-level page.

Hyper-Links: index.html
heels.html

Audio inclusion and none

controls:
Video inclusion and none
controls:
Color specifications: Page Background: baby blue, and white
Navigation: White button with a black border, and black text, in
the bright pink background.
Body: white text on bright pink background, black text on white
background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: beauty.html 7 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: Beauty
text: Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.

Hyper-Links: index.html skincare.html

cloths.html makeup.html
shoes.html hair.html
beauty.html accessories.html
sales.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button become baby blue. with a black
border, and black text, in the bright pink background, the rest are
white buttons.
Body: white text on bright pink background; black text on white
background; blue buttons with a black border, and black text,

Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: skincare.html 8 Panel/Page/Frame No: Aurora
Description of Copy Aurora text: Types of skin-care products you would like
text: Front: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36
Font Color: Black and white.

User Interactions: One button in the navigation bar, which is a dead-end page,
clicking on the logo will take you back to the homepage, and in
dress button in the navigation bar will take you back to the
third-level page.

Hyper-Links: index.html
skincare.html

Audio inclusion and none

controls:
Video inclusion and none
controls:
Color specifications: Page Background: baby blue, and white
Navigation: White button with a black border, and black text, in
the bright pink background.
Body: white text on bright pink background, black text on white
background
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: sales.html 9 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: Spring Sale!
text: Font: ‘Comic Sans MS, Trebuchet MS’ Font Size: 18, 36
Font Color: Black, bright pink, and white.

User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage. The logo will take to the homepage.

Hyper-Links: index.html
cloths.html
shoes.html
beauty.html
sales.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button becomes baby blue. with a black
border, and black text, in the bright pink background, the rest are
white buttons.
Body: white text on bright pink background; black text on white
background; blue buttons with a black border, and black text,

Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: signin.html 10 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: Sign - Up or Log - In
text: Font: ‘Comic Sans MS, Trebuchet MS’ Font Size: 18, 36
Font Color: Black, and white.

User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.

Hyper-Links: index.html signup.html

cloths.html login.html
shoes.html
beauty.html
sales.html
signin.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button becomes baby blue. with a black
border, and black text, in the bright pink background, the rest are
white buttons.
Body: white text on bright pink background; black and bright
pink text on white background.
Panel Layout
 Storyboard Template for Multimedia Product Development
Client Name: Aurora
Project Title: Commercial Website
Last Update: March 5, 2022 Name of Designer: Marzana Afroz
Panel/Page ID: sitemap.html 11 Panel/Page/Frame No: Aurora
Description of Copy Aurora Text: For the fresh start
text:
Font: ‘Comic Sans MS, Trebuchet MS, Courier New’ Font Size:
18, 36, 14
Font Color: Black, white, and bright pink
User Interactions: The navigation bar is on the top of each page, which is a link to
the homepage, and all of them have either second or third levels
page. The logo will take to the homepage.
All the third and fourth-level page hyperlinks are added, so the
user can find everything on one page.

Hyper-Links: index.html dress.html flats.html

cloths.html pants.html skincare.html
shoes.html tops.html makeup.html
beauty.html skirts.html hair.html
sales.html heels.html accessories.html
sitemap.html boots.html
signin.html sneakers.html
Audio inclusion and none
controls:
Video inclusion and none
controls:
Color Page Background: baby blue, and white
specifications: Navigation: current button becomes baby blue. with a black
border, and black text, in the bright pink background, the rest are
white buttons.
Body: Bright pink text on white background, white text on bright
pink background.
Heading/Footer: Black text on baby blue background
Panel Layout