Waterloo Institute for Nanotechnology Website
This (http://www.nano.uwaterloo.ca) is a website I worked on in my second co-op work term. I started by creating mock-ups of various options in Photoshop and then dived into coding.
I inverted the color scheme, redesigned the navigation system, improved readability and changed the overall layout. I also created new backgrounds and matching facebook cover photos (http://www.facebook.com/uwnano).
I improved the organization and commenting of the style files, and heavily documented the entire design process.
Some of the underlying structure and widgets were from the previous site.
EDIT: The Waterloo Institute for Nanotechnology’s website has been redone in order to conform with the University of Waterloo overarching website design.