My flat web page design in relation to my final site submission is not exactly the same. The main
design elements that I have kept are the background image, the header, the main navigation
boxes and the sub-navigation side bar.
The main navigation boxes in my flat design were of different proportions. The idea for this came from one
of my reference sites. Unfortunately though due to lack of capability and patience with using CSS I was not able to replicate the idea from my flat design onto my final site. Instead I choose to keep the main navigation boxes of the same proportion with a drop shadow below them, which I believe is still effective.
Another design element that I scrapped was the different coloured boxes placed behind the main content of the page.
Instead I decided to keep this entire section plain white with no design so the text in the in the main content section is easier to read.
My original footer colour on my flat design was yellow, but on my final submission I changed the colour to the same blue used for the main navigation boxes. I did this because I wanted to keep a simple a clean colour flow throughout the site using the colours blue, black, grey and white.
The last section of my flat design that I changed in my final site submission was the side bar. Originally my idea was that when you clicked on the course page you wanted to view it would pop up as a blue box. Once again due to limited CSS skills I wasn’t able to replicate this. Instead I just got the font to change from white to blue when you clicked on the page link.
In the end I am happy with the final design of my site. I believe it is a lot cleaner and simpler then my proposed flat design idea. The only main issue I had during this part of the assignment was figuring out how to get CSS to do the design things I wanted it to do.