Website Interface

From the initial research I carried out on different racing websites the main colours they use consist of black, greys and reds. I thought I would keep to this theme and incorporate these colours onto my website along with red and green to compliment the university's logo colours. The research carried out in the previous post looks into colour combinations especially red and green which so happen to be complimentary colours therefore I know they work together. I decided to keep to a colour theme that relates to racing sites and the University itself as they are both relevant to the project. Looking at the clients specifications mentioned previously I have taken them into consideration when designing the website interface. 

Below is an example of how I would like the website interface to look like:

The logo was placed at the top of the page as it is one of the areas that is looked at first when visiting a website. The menu bar has been added at the top middle instead of the side as it was one of the requirements the client specified as you can see the design has been altered substantially from the rough plan I made. The content and update feed have been placed next to each other as that is an area where users look at the most. The content will consist of text, images and videos it all depends on what that particular page is about. The update feed will consist of either Facebook and Twitter posts which will appear live on the website using a jQuery plugin. The footer is not the most important section of the design although here I will implement the logos of the different social media websites that the client uses to promote. I decided that placing them at the top of the page (i.e.rough edit) would look out of place. I felt that it would have interfered with the overall design look so I placed it in the footer to keep it looking tidy. It was another method of taking up space without any complicated features that might clatter the website. Below the footer I have added 3 boxes, they will be filled with any information that the client feels is not as important to place in the centre of the web page. 

Overall I feel that the design is approrpiate for what it is needed as a structure has been incoporated to keep the website looking tidy. I took elements from other racing websites and designed it as my own the next step is to construct the design using HTML, CSS and jQuery code techniques.