Design For Web - Scamps, Mock-Ups & Design Boards

To move forward with my design for web, I needed to sketch out some solid scamps ready to take into my wireframe. I also finalised my digital mock-ups, font choice, buttons, images and colour scheme ahead of the final crit which will give me everything I need to bring everything together into a working website...

____Scamps

The Home Page will consist of a large scale image that will cover the majority of the browser window. As you scroll down, there will be more large scale images. The US/O logo will float above the image and be in a fixed position above all of the images beneath it. There will also be an option for the use to pick up and move the logo around the screen. 

The Schedule page will consist of this 4 column grid with image sitting neatly inside. Each column represents a day of the tournament and as you scroll over the images the 'rollover' image will change to the same colour of the logo with the information of which court the game is being played on and on what time of the day. This is a quick and easy reference for the user to find out this information. 

The History page will keep the same layout as the schedule but information will be more spaced out across the columns. It will start at 2012 and tehn as you scroll down will progress further down the history timeline of winners. Again, the images will have the 'rollover' to be the same colour as the logo and it will display the name of the player and year they won the title.

Finally the last page will display legendary rivalries of the US/O throughout the years. This will include images and text about relating to this. 

____Digital Mock Ups

____Homepage Alternative Idea

Little images make up the big image, then when you scroll over the images facts about the US/O appear in the boxes. 

____Design Boards