Feature
Post

Category
Friday Focus

Friday Focus 08/15/08: Eye-Catching Headers

It’s eye-catching headers this week on Friday Focus. Whether you believe in making the most of the content above the fold or not, it pays to make the top part of your websites extra beautiful because it’s the first thing people see.

Designs of the Week

Andre Augusto

Let’s start off with a blog and portfolio which reflects the owner’s signature look. I personally love that shade of reddish-fuchsia-pink ever since Last.fm popularized it during early Web 2.0. Here, it stands strongly against shades of gray.

Frisk Design

Now aside from a large, chunky logotype that’s hard to miss, you can create a striking header with a bright graphical background. Of course be sure to check if all the text in that area is readable first. In this case, it clearly is as the designers made sure to use light colors where the text was dark blue, and vice versa.

Ping My Map

Now here’s proof you don’t need candy colors to call attention to your site. All you need is good contrast, large title text (be reasonable though!), and a lovable mascot. Preferably a bird. Seriously though, if you want to introduce a new product to the masses via a website, say everything you want to in the quickest way possible. The header of the page is the most convenient place to do that.

Chocolat Media

This is another site that uses more subdued hues compared to our 2 earlier examples, but the callout image is a bit more abstract and at the same time typographical. It also summarizes the services offered by the company. I sure hope they put in some good alt text in there!

Social Media Weekly

DesignAdobe Photoshop: 50+ High Quality .PSD Files and Tutorials
Rev up your Photoshop program and try out all these tutorials and graphics on for size.

Programming8 Innovative Design & UI Elements That Make Sites Better
Great ideas for communicating with your audience more easily.

  1. By Matthew Hill posted on August 16, 2008 at 6:29 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Hi, thanks very much for featuring my site. Very much appreciated. :-)

    I really like the other sites you’ve featured here too, some wonderful ideas. Love the PingMyMap design — ‘vintage’ can be hard to pull off, yet this design manages it while still looking new and fresh. Cool job.

  2. By Mike - Elegance in Web Design posted on August 16, 2008 at 5:01 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Simple graphics like the bird on Ping my map seem to capture my attention more than something like the ChocolatMedia graphic.

    Here’s a great example of how a graphic can attract the eye and detract from your design: http://www.fray.com/

    Each to his own I suppose.
    Take care, Mike

  3. TrackbackFriday Focus: 08/22/08 | Devlounge