About The Author

Matt Cronin is an avid graphic designer, web designer/developer, Cocoa programmer, photographer, digital artist, and the like. He also enjoys writing, and does … More about Matt

40 Excellent Illustrations In Web Designs

Quick Summary

In website design, there are an endless amount of possibilities, styles and techniques that can be used to make a beautiful design that flows with the content. One of these styles is an illustration-heavy layout, which can take a website to a whole new level. Illustrations are becoming more and more popular, and some designers are really pushing the limits with some beautiful ones.

Table of Contents
Membership counter

Members support Smashing

Wonderful, friendly people who keep this lil' site alive — and get smarter every day.

Are you smashing, too? →

In website design, there are an endless amount of possibilities, styles and techniques that can be used to make a beautiful design that flows with the content. One of these styles is an illustration-heavy layout, which can take a website to a whole new level. Illustrations are becoming more and more popular, and some designers are really pushing the limits with some beautiful ones.

Below you’ll find 40 designs that feature skillful and beautiful illustrations, integrated properly to create a visually pleasing style.

Also consider our previous articles:

Beautiful Illustrations In Web Designs from 2009

DivVoted An all-around beautiful layout, with some beautifully colored illustrations to accompany it.

Screenshot

The Alamo Basement A nice, colorful illustration that has a comforting air.

Screenshot

StrawPoll StrawPoll has a beautifully illustrated landscape, with an extremely clever layout.

Screenshot

Green Globe Ideas A high-quality and very creative illustration in the header.

Screenshot

old loft A very nicely illustrated layout, with good coloring and contrast.

Screenshot

Pixele Pixele has a colorful and rather funky header that works well with the rest of the website.

Screenshot

Radu Ceuca Another very colorful and grungy layout, with a painted effect.

Screenshot

ten24 Media A beautiful yet simple illustration that looks excellent against the brown background.

Screenshot

Silverback A very skillful and detailed illustration on a nice green layout.

Screenshot

Banjax A simple but powerful illustration in the header, amidst a minimalist layout.

Screenshot

Neweracaptalk A unique, flowing illustration that doesn’t detract from the content.

Screenshot

Dean Oakley This is a great portfolio with a very creative horizontal layout. The illustration looks very nice with the layout.

Screenshot

K4 Laboratory A very colorful illustration mixed with interesting moving Flash objects and some cool effects.

Screenshot

Visit Cascadia A very detailed header background illustration.

Screenshot

Galan A beautiful and brightly colored portfolio, with nice hand-drawn illustrations.

Screenshot

Branded07 A very clean website with some blue minimalist illustrations and really cool penguins.

Screenshot

WP Coder A very clever design with a nice, detailed, semi-realistic illustrated machine.

Screenshot

Africa Tour 2008 An excellent mixture of grunge and clean styling.

Screenshot

45royale Inc. Another elegant header design that looks great with the clean layout of the rest of the website.

Screenshot

Fatburgr A few skillful illustrations in a very cool overall layout.

Screenshot

Drink ZZZ This Flash website uses grungy illustrations and smart Flash effects to create a fun user experience.

Screenshot

Ali Felski Another website with grungy textures and fancy colors.

Screenshot

DrupalCon DC A colorful background graphic with a unique style.

Screenshot

LightCMS The LightCMS website is known for its awesome coloring, textures and graphics.

Screenshot

Sourcebits TangledDecals A very beautiful website, with colorful illustrations across the background, great type and grungy graphics.

Screenshot

GoMediaZine A nicely detailed and colorful illustration the doesn’t detract from the content. This is also a good example of how colorful shapes can be mixed with black and white graphics.

Screenshot

STUDIO7DESIGNS One more very popular website, because of the breathtaking background illustration.

Screenshot

Phizz A mainly black and white illustration mixed into a colorful website.

Screenshot

answerJam A very colorful minimalist website with simple shapes for illustrations.

Screenshot

Adit Shukla A cool illustration that uses many different shapes but not too many colors, thus achieving a perfect balance.

Screenshot

Iceberg Nice shapes and beautiful blue colors create a flowing design.

Screenshot

Marchand de Trucs A quite stunning and extremely realistic illustration.

Screenshot

Erguvan Platin Evlri A stylish watercolor background and a realistic illustration with interactive features.

Screenshot

Starbucks Hand-drawn and illustrated graphics in a beautiful Flash-based layout.

Screenshot

Viget Extend A colorful and creative header illustration.

Screenshot

Vimeo A few simple graphics on a peaceful blue background.

Screenshot

Go Glamping A cool layout with distinctive shapes and good color scheme.

Screenshot

Twither Subtle cloud illustrations on a nice layout, with a great landscape illustration in the footer.

Screenshot

IL FRUTTETO Simple shapes, great colors and gradients combine to make a completely illustrated website.

Screenshot

Umbrella Today? Very realistic and detailed graphics with a great background design.

Screenshot

Further Resources

You may be interested in checking out these further articles and related resources:

Smashing Editorial (al)