HTML Design Startup

Now that the christmas holidays are over it is time to take all my research and apply it to building and developing the project. As I am home for several more days I will not be able to work on the server functionality this week as I cannot access the university server system because of this I decided to work on some of the html coding instead. Regarding the design I need to follow and produce a design that reflects the photoshop mockup chosen by my target audience. During the process of designing I have acknowledged that changes will be made throughout the course of the term due to significant factors. 

HTML Designs
I started designing the homepage of the website here I used the prototype as a basis below are screen captures of different ideas I have experimented with. I first started with white coloured font to see if it displays clearer than the black in the mock up. Comparing both of the images below the white seems off balanced as it contrasts with the black text of the logo therefore I altered the font colour and experiment with a lighter shade of blue. A way for the white font to work is if I change the font colour of the logo to white but this will need further user testing. 

As you can see from the images the colour blue from the logo does not combine well with the background of the header therefore some alterations will need to be made. In order to do so I will experiment and produce several screen shots that I will test on monday on my target audience. I do predict the possibility that students will prefer the logo's colour to be changed instead of the header as the photoshop mockup user testing results showed that blue colour combination was the most popular.