0% found this document useful (0 votes)
115 views12 pages

Web Storyboard: XXX XXX

This document contains a storyboard for a website providing information about Covid-19. It includes pages for an index, Covid-19 information, daily case updates, prevention tips, standard operating procedures, frequently asked questions, and a contact page. Each page listing includes fonts, font sizes, colors, media, content, links, and interactivity details. The storyboard provides a comprehensive guide for designing a multi-page website focused on communicating Covid-19 information and resources.

Uploaded by

Zhienn Teo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
115 views12 pages

Web Storyboard: XXX XXX

This document contains a storyboard for a website providing information about Covid-19. It includes pages for an index, Covid-19 information, daily case updates, prevention tips, standard operating procedures, frequently asked questions, and a contact page. Each page listing includes fonts, font sizes, colors, media, content, links, and interactivity details. The storyboard provides a comprehensive guide for designing a multi-page website focused on communicating Covid-19 information and resources.

Uploaded by

Zhienn Teo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 12

Web Storyboard

Page Name: Index.html Tutorial: T2 Website _________________________

XXX XXX XXX XXX XXX


XXX XXX

XXX

XXX

index.html
Web Storyboard
Page Name: Covid-19.html Tutorial: T2 Website _________________________

XXX XXX XXX XXX XXX


XXX

XXX
Web Storyboard
Page Name: Dailycases.html Tutorial: T2 Website
_________________________

XXX XXX XXX XXX XXX XXX


XXX

XXX
Web Storyboard
Page Name: Covid-19prevention.html Tutorial: T2 Website
_________________________

XXX XXX XXX XXX XXX XXX XXX

xxx
Web Storyboard
Page Name: SOPs.html Tutorial: T2 Website
_________________________

XXX XXX XXX XXX XXX XXX XXX

xxx
W
eb Storyboard
Page Name: FAQ.html Tutorial: T2 Website
_________________________

XXX XXX XXX XXX XXX XXX


XXX

xxx

xxx

xxx
Web Storyboard
Page Name: Contactus.html Tutorial: T2 Website
_________________________

XXX XXX XXX XXX XXX


XXX XXX

xxx

Font: Navigation: XXX – Home (Poppins)


XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – Welcome to Utar (Poppins)
–Introduce this website (Poppins)
XXX – Contact Us (Poppins)
Font size: Navigation: 14pt
Content: Title: 25pt
Text: 12pt
Colour: Navigation – White
Content - White
Background – Utar.jpg
Media: - Utar building – utar.jpg
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Interactivity: Navigation – roller over colour
Content: Click the “Contact Us” button will go to Contactus.html
Font: Navigation: XXX – Home (Poppins)
XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – Covid-19 (Poppins)
– Introduce Covid-19 (Poppins)
XXX – Daily cases (Poppins)
Font size: Navigation: 14pt
Content: Title: 25pt
Text: 12pt
Colour: Navigation – White
Content - Black
Title Background – covid-19.jpg
Content Background - White
Media: - Covid-19 – covid-19.jpg
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Content: XXX – Dailycases.html
Interactivity: Navigation – roller over colour
Content: Click the “Daily Cases” button will go Dailycases.html

Font: Navigation: XXX – Home (Poppins)


XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – Daily Cases (Poppins)
– Daily cases update (Poppins)
XXX – Covid-19 (Poppins)
Font size: Navigation: 14pt
Content: Title: 25pt
Text: 12pt
Colour: Navigation – White
Content - Black
Title Background – covid-19.jpg
Content Background - White
Media: - Covid-19 – covid-19.jpg
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Content: XXX – Covid-19.html
Interactivity: Navigation – roller over colour
Content: Click the “Covid-19” button will go Covid-19.html

Font: Navigation: XXX – Home (Poppins)


XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – Covid-19 Prevention (Poppins)
– Ways to prevent Covid-19(Poppins)
Font size: Navigation: 14pt
Content: Title: 25pt
Text: 12pt
Colour: Navigation – White
Content - Black
Background – covid-19.jpg
Media: - Covid-19 – covid-19.jpg
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Content: XXX – Covid-19.html
Interactivity: Navigation – roller over colour
Content: Click the “Covid-19” button will go Covid-19.html

Font: Navigation: XXX – Home (Poppins)


XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – SOPs in Utar (Poppins)
– Rules that students and lecturers need to follow (Poppins)
Font size: Navigation: 14pt
Content: Title: 25pt
Text: 12pt
Colour: Navigation – White
Content - Black
Title Background – Students and lecturers.jpg
Content Background – White
Media: - Students and lecturer – students and lecturers.jpg
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Interactivity: Navigation – roller over colour
Font: Navigation: XXX – Home (Poppins)
XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – FAQ (Poppins)
– Answer of FAQ(Poppins)
Font size: Navigation: 14pt
Content: Title: 18pt
Text: 12pt
Colour: Navigation – White
Content - Black
Background – White

Media:
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Interactivity: Navigation – roller over colour
Content – When users click the title, the color will change to yellow color and will
show the hidden text.

Font: Navigation: XXX – Home (Poppins)


XXX – Covid-19 (Poppins)
XXX – Covid-19 Prevention (Poppins)
XXX – SOPs (Poppins)
XXX – FAQ (Poppins)
XXX – Contact us (Poppins)
Content: XXX – Let’s Get In Touch (Poppins)
– Your name, email, subject, message (Poppins)
XXX – Send Message Now (Poppins)
– Phone number, email address, Website URL(Poppins)
Font size: Navigation: 14pt
Content: Title: 20pt
Text: 12pt
Colour: Navigation – White
Content - Black
Background – White
Media:
Content: title, content with images
Links: Navigation: XXX – index.html
XXX – Covid-19.html
XXX – Covid-19prevention.html
XXX – SOPs.html
XXX – FAQ.html
XXX – Contactus.html
Interactivity: Navigation – roller over color
Content – When users click the “Send Message Now” button, their information
will be sent to Utar.

You might also like