As can be seen with the above design i developed the concept from the one day project to form the main heading image and background. The heading sets a theme and colour style for the site with the white clouds on the two shades of blue which expand out.
Initially a problem i had with this was that the white of the cloud and the edge of the rays cut out with little fade, as shown in the concept image below:
As seen it blocks off on the edges. This was amended with a gradient fill and the blue background colour being overlayed all sides on all layers, and rubbed out below the cloud so not to be doubled up on the left side of the background.
Once the background was finished i created the individual white background boxes in photoshop and placed them within the CSS for each individual division. Initially these were just plain white. However as i developed the site further i found that it was better to make them with the header text such as "Blog" for the blog section, which allowed use of the same gill sans text that i used in the header.
I added link boxes on the lower right side of the home page and portfolio pages.
I created all of them in twitter using renders of the blogger and twitter logo, and the mail app for iPhone logo. These boxes provide a direct link to my twitter and blogger page, aswell as a direct mail link which activates any mail app on a computer.
The idea for these boxes deveoped after seeing the partner boxes on YouTube where paid members of the site are able to use a box image to link to an external site. Example given below from the user channel Charlieissocoollike
When i saw these i thought of them as a simple way to link external sites rather than just putting a plain list link and flooding the home page with text.