Breakdown of all the different design elements used to produce an interactive banner for the npower brief - Final Development

Mask created to act as a spotlight rollover

npower logo and banner box to contain the interactive advert

Panorama made up from a series of still shots

Tagline - Uncover your savings by switching to
npower
Simplified image of the panorama that is uncover by the rollover mask

Blur of the above image to help create the sketchy animation effect

Still of the final advert