Storyboards for website redesign: Game Development: Theory and Practice

Site Designer:

Elena Bertozzi, Ardea Arts

Client:

Prof. Elena Bertozzi

Audience:

Current and prospective students (possibly college administrators and parents)

Summary of message:

Information about the class, class content, schedule, syllabus, expectations. The website provides students with all of the information that they need about the class. Assignments and grades are described, schedule provides links to all course readings, and all UWW required content is listed.

Graphic Design concept:

chessboard, chess pieces evoke concept of play.

Fonts:

Century Gothic, sans-serif

Palette:

white: #ffffff, black: #000000, red 990000: for links and titles. Viewed links are midnight blue: #333366.

Site Map

Home page

links to: work.html, play.html, rules.html, timetable.html

Work page

links are in top left corner
Page content here held in paragraphs interspersed with crossline:
(filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano. Le religioni ne dipendano. Il commercio non potrebbe funzionare senza, ne il governo. A causa del bisogno della carta stampata in quasi tutte le attivit umane, lindustria della stampa e quarta nella lista di industrie piu importanti. K. Stampare e la cosa migliore che io possa fare. Quello che riesco a creare e meglio di qualsiasi altra cosa che io abbia fatto nella vita. Io penso che stampare sia quello che io devo fare. Lots more content............. Some links to other informational pages. (filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano. Le religioni ne dipendano. Il commercio non potrebbe funzionare senza, ne il governo. A causa del bisogno della carta stampata in quasi tutte le attivit umane, lindustria della stampa e quarta nella lista di industrie piu importanti.

Play page

links are in top left corner
Page content here held in paragraphs interspersed with crossline:
(filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano. Le religioni ne dipendano. Il commercio non potrebbe funzionare senza, ne il governo. A causa del bisogno della carta stampata in quasi tutte le attivit umane, lindustria della stampa e quarta nella lista di industrie piu importanti. K. Stampare e la cosa migliore che io possa fare. Quello che riesco a creare e meglio di qualsiasi altra cosa che io abbia fatto nella vita. Io penso che stampare sia quello che io devo fare. Lots more content............. Some links to other informational pages. (filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano.

Rules page

links are in top left corner
Page content here held in paragraphs interspersed with crossline:
(filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano. Le religioni ne dipendano. Il commercio non potrebbe funzionare senza, ne il governo. A causa del bisogno della carta stampata in quasi tutte le attivit umane, lindustria della stampa quarta nella lista di industrie piu importanti. K. Stampare e la cosa migliore che io possa fare. Quello che riesco a creare e meglio di qualsiasi altra cosa che io abbia fatto nella vita. Io penso che stampare sia quello che io devo fare. Lots more content............. Some links to other informational pages. (filmino- Printing film) Il lavoro della tua vita.la Stampa. Attraverso la stampa tutta la saggezza umana accumulata attraverso gli anni accessibile a tutti- ricchi e poveri. La stampa e essenziale a tutte le forme di insegnamento. Tutte le altre arte, ne dipendano.

Timetable page

links are in top left corner
Page content here held in one large table with links to external documents for readings.

Long list of dates on one side

Assignments, readings, announcements on the other.

External CSS for entire site:

body{
	padding: 5px 5px 5px 5px;
	font-family: Century Gothic, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

a:hover {
	color: #F30;
	
}

a:link {
	color: #990000;
	text-decoration: none;
}

a:visited {
	color: #333366;
	text-decoration: none;
}



td {
	font-size: 16px;
	padding: 0px 0px 11px 0px;
}

p {
width: 750px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}

h5{
font-size: 14px;
font-style: italic;
}

.imageC
{
	
	position:relative;
	top:200px;
}

#menu{
position:relative;
top:-50px; 

}
.due
{
border-left: dotted #600;
border-bottom: dotted #600;
padding: 5px 5px 5px 5px;	
}
	
.read
{
color: #033;
font-size: 18px;
margin:10px 10px 20px 0px;
}

.present{
padding: 5px 5px 5px 5px;	
color: #006;
}

Sample Storyboards constructed by Elena Bertozzi for Multimedia Sequence, UWW 2008