Universal Banner Examples With Left-Hand Navigation
Example One
This example is from the Department of Radiology. It uses the White color option with just the Cell Header (no Cell Content or Call To Action button). The image dimensions are 2,560 x 903 pixels.
Example Two
This example is from the Division of Cardiology. It uses the Medium Blue color option and displays the Cell Header, Cell Content and Call To Action (CTA) button. The image dimensions are 2,000 x 1,363 pixels.
Example Three
This example is the same as example two, above, except that it uses the Light Blue color option and contains less content. This is to demonstrate that the amount of content added to each cell can influence the display of the background image. Experiment with different content lengths to achieve the desired visual effect.
Example Four
The example below is a banner that the Department of Medicine put on all of their Division web sites. It uses the Medium Blue color option and displays the Cell Header, Cell Content and Call To Action (CTA) button. The image dimensions are 1,230 x 684 pixels.
Example Five
This example uses the Light Gray color option and displays the Cell Header, Cell Content and Call To Action (CTA) button. The image dimensions are 2,500 x 1,427 pixels.
Example Six
This is the same as example five (above) except it uses the Dark Blue color option along with a smaller, 900 x 514 pixel image. As you can see, the image appears pixelated or blurry, detracting from the overall visual appeal of the banner. I higher resolution image should be used.
Example Seven
Be cautious when using images featuring people, buildings, or other prominent elements. These components could get cropped or obscured by text, affecting the overall composition and message of your banner. Also, recognize that these banners are responsive and that site visitors will view them from various screen sizes. Ensure that key components of your background image remain visible and unobstructed, regardless of screen dimensions. This banner would benefit from a higher resolution image than the current 1,200 x 613 pixel one being used.