Assignment 1 continued...

This was what the current Media Development Lab website (main page) looks like:



This is our rendition of the webbie:



We brainstormed for ideas and what hit us was the idea that MDL should be portrayed as media hub where students can interact with all forms of media, be it old or new, and we envisioned it like a little world on its own, a diverse city which also functions as a common ground for media enthusiasts to share about media.

We thus came up with some banners and headers:







This was used more of a filler to fill up empty white spaces,


and Headers,








For the design process we took into account these elements:

1.Design Principle
2.Theme
3.Typeface
4.Grids
5.Colour scheme
6.Other design elements- graphics

1.Design Principle
-colour harmony among NUS orange, black, white and shades of gray.
- Rule of thirds
- Minimalist

2.Theme
-Appear professional with urban minimalistic feel to incorporate the MDL functions within FASS.

3.Typeface
-Font family: Verdana, Arial, Helvetica, sans-serif

4. Grids

(1)


Example:


(2)


Example:


5. Colour Scheme



6. Other design elements

We designed a few other graphic elements to incorporate our colour scheme as well as symbols which represents new media such as,


The microphone which represents the audio aspect of media


The cassette player, or the various media players that are out in the market today,


The tablet, which is essential for graphic artists,


Lighting, an important aspect of video recording,


Some other graphics that we designed:








We also re-organised the layout of the webpage and the position of its elements,



The menu was redesigned as well,

Current Menu:


Our rendition:


We condensed the equipment loans page to create a more concise categorisation of the different types of equipment available for loaning.



Current:


Our design:



We also condensed the tutorials into direct links so that users can download them directly onto their desktop.