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