0% found this document useful (0 votes)
98 views7 pages

Web Storyboard: XXX XXX XXX XXX XXX XXX XXX

The document contains storyboards for the web pages of a university's COVID-19 information website. It outlines the navigation, content, formatting and interactivity for each page, including the home (index), daily cases, prevention tips, standard operating procedures, frequently asked questions and contact pages. The storyboards provide details on fonts, colors, media, links and functionality between pages to deliver COVID-19 updates and resources to students.

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 DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
98 views7 pages

Web Storyboard: XXX XXX XXX XXX XXX XXX XXX

The document contains storyboards for the web pages of a university's COVID-19 information website. It outlines the navigation, content, formatting and interactivity for each page, including the home (index), daily cases, prevention tips, standard operating procedures, frequently asked questions and contact pages. The storyboards provide details on fonts, colors, media, links and functionality between pages to deliver COVID-19 updates and resources to students.

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 DOC, PDF, TXT or read online on Scribd
You are on page 1/ 7

Web Storyboard

Page Name: Index.html Tutorial: T2 Website _________________________

XXX XXX XXX XXX XXX XXX XXX

XXX

XXX

index.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 – 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 with image as background. A short introduction of this website.
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, Bootstrap Interactivity (FAQ.html, ContactUs.html)
Content: Click the “Contact Us” button will link to Contactus.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

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 with image as background. Update daily cases in Malaysia.
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, Bootstrap Interactivity (FAQ.html, ContactUs.html)
Content: Click the “Covid-19” button will link to Covid-19.html
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

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 – 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: Contact form and details provided for students, including email and phone number.
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, Bootstrap Interactivity (FAQ.html)
Content – When users click the “Send Message Now” button, their information will
be sent to Utar management.

You might also like