Web Design Boards

ellen setterfield ougd504 design production design for web london underground

visual research: Using the london underground brand as a baseline.

Looking at existing websites for grid inspiration. past students illustrations.

ellen setterfield ougd504 design production design for web london underground

thumbnails

ellen setterfield ougd504 design production design for web london underground

scamps: showing each page layout before coding begins.

Wireframes to work out the dimensions were also used.

ellen setterfield ougd504 design production design for web london underground

development: ongoing coding and understanding of online grids. Site map to explain each individual page.

index

history

influence

submit

resources

ellen setterfield ougd504 design production design for web london underground

colour

font

London Tube r = 0 g = 25 b = 168

Helvetica regular

r = 220 g = 36 b = 31

size

768px

1024px

ellen setterfield ougd504 design production design for web london underground

final website: five page website for primary school teachers and children to use as a reference to the lomdom underground map competition