Website Design Mock-up

In today's lesson, Ned and I sketched out a few designs for our television channel website. Out of the sketched designs, we chose two or three that we would sketch out in more detail.

The following design was the one that I chose to expand on:

I chose this design as I believe this would suit our channel the most. Together, we decided that our website's main aim would be to deliver information to its readers and promote the television channel. For this reason, we designed the website like you can see now.

The website design is very clean and easy to look at, with simple boxes dividing up the page, giving many different things for the viewer to look at. This allows us to display as much information as possible on one page.

We took influence from many different websites that we visited and looked at in depth, including Channel Five's, ITV's and the BBC's. We then took pieces of each of these designs and put them into one design, which is shown above.

In the upper most box, we will have a selection of images and videos, which would fade from one to another. This will pause when you hover over it, allowing you to select a video to watch or click through to more information about the programme.  The three smaller boxes below will contain images of selected programmes from our channel. These will help show the wide variety of shows that we will broadcast and again, give the viewer as much information as possible on one page. The boxes underneath these will contain information about the channel, including a programme guide for the upcoming week.

Once we had created the rough mock-up seen above, we also created a colour version of the webpage in Photoshop. This helps show our chosen colour scheme and what the design will look like once it is finished. At the moment, there is no content in the design as we have yet to discuss the layout of the content within the webpage.

However, this is not the final design but a quick colour mock-up. If this design is chosen, the next stage would be to discuss the small details of the webpage, including the logo, fonts and of course the content to be displayed in the boxes.