Considerations: National Geographic TV Website

This project requires the following images to be produced:

2 x Header Graphics (960px x 250px)

2 x Background images (2000px x 1600px)

2 x On-page graphics (no size specified, eg adverts/site promos etc)

I carried out some initial research into the current appearance of National Geographic’s website, as it is important that the images that I create fit with National Geographic’s style, branding and constraints of the existing site design.

The National Geographic website has a section dedicated to its TV channel.  Each show has its own page, and there is a standard format for the page template that the design elements for each show need to adhere to.  This includes:

  • Background image: Full-width spread, no-repeat, fading to single colour (usually to black or white) at bottom, centre obscured by 990px content box. No NG logo:

main_show

  • Title banner: Always contains show title. Various styles used for this section, including plain solid background colour, transparent background to reveal main background image, bespoke graphics in background image and title banner to incorporate menu text into imagery. Often contains NG logo.

banner_show_1

banner_show_2

  • Spotlight graphic: Viewed when ‘Television’ menu is hovered. Rectangle. Quite small on browser. No NG logo.

hover_show_ad

  • Slider graphics – Advertising various aspects of show.  Bottom quarter is obscured by opacity strip with text.

slider_show_ad

  • Various ads for TV shows across NG website.  Includes NG logo.  Always landscape.

banner_ad

Throughout the site, there is a definite emphasis on striking graphics and and high-impact photojournalism.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s