Web Feature

Colour variations for the Sky Web Feature. The design has to be kept to the Sky version, so the only freedom really is the image and colours.

Based on the original banner that was there, see below (this is not my work):

I recreated the gradient in a similar way so it would match up:

Open publication - Free publishing - More design

Open publication - Free publishing - More design

There aren't many different ways that this can be done as it needs to follow the template of the Sky website, this is how it may look. I prefer the original grey gradient as it corresponds with the grey in the image, and the blue stands out more.

This is how the Eye Spy feature may fit in on the ITV website, again, with the already built in template, there are quite a lot of restrictions, I couldn't even experiment with colour here:

Original:

 With my Eye Spy:

Final Web Banner

This is the final design for the web banner, which will be a static image, to appear on sites such as Mixmag and Drum and Bass Arena, as shown in the mock ups further down. I selected this design as it was similar in layout to my other landscape format designs, and I wanted to create uniformity across the range.



Due to space restrictions I was unable to fit the date in neatly, so in this case, the web banner, is only for the day the channel launches.

Web Banner in Context

This isn't the final mock ups, I just wanted to see how the colours would work with the banner, and how it would look in the format of a banner, as I haven't tried using the elements in this way yet...

Mixmag is the kind of website I would like my banner to appear on, here is a mock up of how it may look:

Another website is Drum and Bass Arena. As the colours of the surrounding area of the banner are black, I have colour matched the yellow and given the banner a stroke to help it advance.

Web Banner Layouts

Here are some sample layouts for my web banner. This would be a static image. Once I have designed my other material I can select a design for my final resolution.