Wireframes and Visual Design

I have been working on the visual design of my supporting website over the past two days. I wire framed a number of possible layouts in order to give myself a clear view of what needs to be designed, helping me to see how the information will be organised on each page.

Please see below:

I then settled on this combination:

Below is a visual mock up that I created from the wire frames, I will use this mock up as part of my focus testing