30 Creative Illustrative Website Headers

Apr 18 2009 by Jacob Gube | 35 Comments

Using illustration in a web design can give it a captivating and impressive look. When used in a manner that compliments the theme, topic, and message of the site – it can be an effective way of creating a memorable impression upon users. When used in a prominent location – such as the website’s header – the designer ensures that his or her visitors will see the work of art right away.

In this showcase, you’ll see 30 beautiful website headers that use illustration for your design inspiration.

CARTONBLANC

CARTONBLANC

Visit Cascadia

Visit Cascadia

Webdesigner Depot

Webdesigner Depot

web.burza

web.burza

Mplusz

Mplusz

Marchand de Trucs

Marchand de Trucs

pallygiraffe.com

pallygiraffe.com

FashionJunkie.com

FashionJunkie.com

Brandi Bakes!

Brandi Bakes!

Brad Colbow

Brad Colbow

Miki Mottes

Miki Mottes

Go Glamping

Go Glamping

Boompa

Boompa

20onepixels

20onepixels

ten24

ten24

Adit Shukla

Adit Shukla

the Octonauts

the Octonauts

Komodo Media

Komodo Media

Themartist

Themartist

Phizz

Phizz

20 jours

20 jours

Cheesetique

Cheesetique

OKAYBOSS.COM

OKAYBOSS.COM

Rock en Seine

Rock en Seine

Unga Toys

Unga Toys

Neweracaptalk

Neweracaptalk

Blog What?

Blog What?

Springtime in Tennessee

Springtime in Tennessee

Blog.SpoonGraphics

Blog.SpoonGraphics

One-Button Mouse

One-Button Mouse

Your Thoughts?

What do you think about using illustration in website headers? Share your thoughts in the comments.

Related content

35 Comments

Matthew Heidenreich

April 18th, 2009

great list. Really enjoy the okayboss design

nemetral

April 18th, 2009

Nice list. Some new websites in there. Others already seen on comparable posts.

Sean Smyth

April 18th, 2009

:O

No shout for http://www.ndesign-studio.com/ ?

Some really nice looking sites there though.

T-Law

April 18th, 2009

Inspirational list, thanks.

Valentina

April 18th, 2009

Nice article! The Unga Toys link is mismatched :)

Janko

April 18th, 2009

Very nice collection, some of these are new to me. I especially like 20onepixels.

An Jay

April 18th, 2009

I specially love WDD illustration that is really awesome. Great list guys!

Matt

April 18th, 2009

This is tricky. About half I like and half I’m not sure about.

My favorite is the Marchand de Trucs. But some of the others show how you can actually distract from your message with illustration that doesn’t really communicate anything. Sort of like using office generic clip art in a business document. People might see it as cheesy instead of good.

kreativuse

April 18th, 2009

Awesome collection! Go Glamping and Boompa look pretty unique.

Angela Garcia

April 18th, 2009

Really nice set of website headers!

dominique

April 18th, 2009

Great list. I certainly was inspired by illustations when I came up with my header. It really helps to set the tone and personality of the site.

MorayWeb

April 19th, 2009

Brilliant list, these headers really add a personal touch to a design.

Callum Chapman

April 19th, 2009

wow, amazing collection!

Sugarnines

April 19th, 2009

Cool inspiration

Jacob Gube

April 19th, 2009

@Valentina: Ah thanks for catching that! It should be fixed now.

sophia

April 19th, 2009

full of inspiration!

luv it

Quiff Boy

April 20th, 2009

I love this one – http://www.tpexpress.co.uk/

Ariadne

April 20th, 2009

These are awesome! Illustrated sites really stand out.

http://www.zingermansdeli.com is pretty inspiring too!

wallpaper

April 21st, 2009

Next we’ll have the most creative use of an anchor tag!

Joelle

April 21st, 2009

WOW! I’m very proud to say that three of your chosen headers are ones I’ve designed. Thank you! I really appreciate the appreciation. :)

Snook

April 21st, 2009

Good selection man \o/

Jacob Gube

April 21st, 2009

@Joelle: Cool, well I appreciate that you appreciate the appreciation and appreciate it greatly! :D Seriously though – well done. You’ve got such a refreshing design style (I just browsed your portfolio), truly unique!

divinefusion

April 24th, 2009

Thanks for the collection. Super finds//

Dawn Pedersen

May 11th, 2009

Having seen some of these a month or two ago, I was inspired to create an illustration for my site banner (blulob.com). Thanks for such a great list of illustrated banners, most of which I had not seen!

Micho

June 11th, 2009

Hello,

For Fashion Junkie, not only did I illustrate their website’s opening page, but several other items in the site as well. Please take this opportunity to take a look at my recent work on my new website at http://www.michoillustrations.com.

Ciao !

Mathew Daly

June 20th, 2009

Loved it … :)

Doug C.

August 26th, 2009

Hmm … I’m surprised mine isn’t up there. Maybe I need to network more.

Peter

August 27th, 2009

Thanks for the awesome post! The collection is really inspiring and just in time for me.
I’m looking for a perfect header for my website. And just want to ask, may I use some of the ideas (of course everything will be customized) while creating my own website using the services like this http://www.site2you.com ?

Adriaan Fenwick

November 23rd, 2009

Wow – great selection. I have also made a post on illustrative websites that would fit nicely in here at http://thedesigner.co.za/10-illustrative-website-inspirations-with-a-dark-tone

Liminal

December 25th, 2009

There are some great website design examples here, very inspiring. I’m loving screen printed band posters at the moment, just got some sweet books for Christmas.

Thanks guys

Ryan

Sara Boyd

August 17th, 2010

Great work, I love it.

Hussain

September 4th, 2010

nice works thanks for inspire collection…

Andrew

December 18th, 2010

Some creative and great headers. I really liked OKAYBOSSES… It’s clean and more focused.

Thanks for sharing

kylie

February 6th, 2011

Great collection love Miki Mottes and 20onepixels

Anand

May 16th, 2011

Really a very nice collection of headers.

Leave a Comment

Subscribe to the comments on this article.