Web Design: Illustration

Following our series of web design posts, I was thinking about a nice web element that many sites have and that we've featured a lot here at Abduzeedo: illustration! We've seen a lot of it here, interviewed the artists, but never really talked about it inside web design.

Well, right now I won't talk, but show you many sites that use illustrated elements in their design. It's really great how they turn out to be... the results are pretty sweet! I hope you all enjoy my selection! Cheers. ;)

PS.: We didn't forget about that texture giveaway! Chill out, people! We'll talk about it this week.

Update: If you guys know more illustrated sites, just leave a comment and we'll add the coolest ones to the list asp. Thanks!









































Reader suggestions:



About author

User picture

Hello, everyone! I'm Paulo, a 24 years old designer from Porto Alegre, Brazil. I work as a webdesigner since 2006, but websites and blogs have been a hobbie for me since 1999. At Abduzeedo, I try to bring only the hot stuff for you guys... and hope that all of you enjoy my posts! Cheers! *Now on Twitter.

Sponsored Links:

If anyone is looking for a highly skilled and professional Organic Search Engine Optimization Firm, we can assist you, please call 602-404-4444 or visit us online at www.directconnectcommunications.com

DCC's picture
DCC (not verified) 11/13/2008

Where can I find someone do do a design like this? This is great!

Anonymous's picture
Anonymous (not verified) 09/30/2008

I have the same thing going, i will stumble this, we are trying to do the same thing, here http://www.thomasnet.com/products/die-cutting-22510804-1.html

music and arts dude's picture
music and arts dude (not verified) 09/30/2008

Good you're posting more on webdesign, you seem to have the ability to find great things about it!

caren's picture
caren (not verified) 09/15/2008

http://www.crystaltechesolutions.com Crystaltech eSolutions is a Web development company and offshore outsourcing company based in North India.
Crystaltech eSolutions invites offshore clients to outsource Web design and development to India. Crystaltech eSolutions offer a wide range of services including Web design, Web development, Application development, Mobile application development, Flash development and Search Engine Optimization.

Website Design Company 's picture
Website Design Company (not verified) 09/03/2008

Wow, Great posting.

Toni's picture
Toni (not verified) 08/30/2008

Great collection, thanks!

CSS Model's picture
CSS Model (not verified) 08/29/2008

Illustrations are very interesting.
Thank for collecting and share...

cheers

tomfreakz's picture
tomfreakz (not verified) 08/25/2008

Clean and Eye Freshing concept

Philippines's picture
Philippines (not verified) 08/16/2008

Good Design

Anonymous's picture
Anonymous (not verified) 08/16/2008

Thanks a lot for the link back (Airborne and Dreaming) - I'm so very honoured! You should see my visitors stats, it's like a friggin' mount everest couple of days in the middle of the august stats:)

David: Thanks - yours ain't bad either:)

Malene Hald's picture
Malene Hald (not verified) 08/16/2008

How about Studio Racket (http://www.studioracket.org)

Dave's picture
Dave (not verified) 08/16/2008

I love the list, great resource for me as I plan to add some illustration elements to my personal website @ http://www.puredezigner.com. Thanks again for the list!

PureDezigner's picture
PureDezigner (not verified) 08/15/2008

Thank's for being featured. ( www.k4lab.info )

Cheers

Maciej Rakowski's picture
Maciej Rakowski (not verified) 08/14/2008

These sites really are amazing.

BoredQuiz's picture
BoredQuiz (not verified) 08/14/2008

A great collection of sites! Keep it up! I love seeing what other designers are doing.

@James Deering - 1. I have used SVG, and after 5 years, it still isn't used all that much and support for it is still rather sketchy (your example didn't work all that well for me); 2. Art is subjective: I like many of the styles used in the posted examples. Some remind me of the underground art styles used today (check out http://www.hifructose.com/) -- just because you don't think it's "fine art" doesn't mean it isn't to someone else.

Brian's picture
Brian (not verified) 08/14/2008

Hey all! I'm Rob, the dude behind Rawkes.

It's so nice to see my site up here with some of the best. Thank you so much for deeming it worthy.

Rob Hawkes's picture
Rob Hawkes (not verified) 08/14/2008

It all seems so cartoony. If any of you take the time to learn SVG then you can do real classy illustrations like mine that are super small file sizes and designed for 1080p display. Fine art always beats cartoons.

James

James Deering's picture
James Deering (not verified) 08/14/2008

Good you're posting more on webdesign, you seem to have the ability to find great things about it!

?????'s picture
????? (not verified) 08/14/2008

Yeah, Web Designer Wall (http://www.webdesignerwall.com/) is certainly a good illustrated one.

Also, FKMAgency.com use b/w flash illustrations for their site.

KangarooDeziner's picture
KangarooDeziner (not verified) 08/14/2008

I'm looking for some custom illustration work (i want a cool cartoon looking rhino to use on my website). I'm willing to pay $$$ to someone who can do it. Shoot me an email (destonesucks@gmail.com) ...

deStone's picture
deStone (not verified) 08/14/2008

Thanks for featuring my site!

Pointless Rambler's picture
Pointless Rambler (not verified) 08/14/2008

Wow dude, this topic got you on digg.com

teehoii's picture
teehoii (not verified) 08/14/2008

some of the web designs here are simply diiiiviiiiineeeee

the top three and bottom one is exceptionally beautiful

Maresa Sumardi's picture
Maresa Sumardi (not verified) 08/14/2008

I appear on the We Are Not Freelancers under the Twitter logo, YEY, go me!

There's a very nice collection here:

Rawkes.com looks very good

x5315's picture
x5315 (not verified) 08/14/2008

Hi,
"Navigant" is beautiful.
Look at mine which is less pretty, but animated and playable ;)
http://www.turtles.fr

Turtles's picture
Turtles (not verified) 08/14/2008

Great article. Alot of these look like they could have been made using MS's new web design tools. All of them look great though.

free xbox 360 elite's picture
free xbox 360 elite (not verified) 08/14/2008
Lettie's picture
Lettie (not verified) 08/14/2008

Nothing new. First one I saw was TimeforCake ( http://www.timeforcake.com/ ), and Erin's had her site up for over a year.

Karl Katzke's picture
Karl Katzke (not verified) 08/14/2008

another illustrated site
Http://www.webdeisgnerwall.com

Thanks for the post :)

smiles :)'s picture
smiles :) (not verified) 08/14/2008

hey, thought i'd share one i did. i'm not such an illustrator but for this website i thought i'd have some fun so i went to an art store and bought crayons and chalk. then i took photos of the scribbles, put everything together in photoshop, did some animating in flash, code some css/html and bam: http://www.karenskidspreschool.com

if someone doesn't have flash installed then the header gracefully degrades to a still image and html menu.

kai's picture
kai (not verified) 08/14/2008

This is a pretty cool illustrated site too.

Ping's picture
Ping (not verified) 08/14/2008

Here's another great suggestion for you. This one is beautifully illustrated, AND animated in JavaScript (not Flash). Very impressed:
http://www.bestmortgagedeals.co.uk/

Charles's picture
Charles (not verified) 08/13/2008

This is a very good post. Lots of informative information.

You know, this site talks about success through creativity . Perhaps it really is true.

Winston's picture
Winston (not verified) 08/13/2008

very nice post !

daniel aka milo13's picture
daniel aka milo13 (not verified) 08/13/2008

Nice I like it..

Darkwolf's picture
Darkwolf (not verified) 08/13/2008

My Blog
i really like this post.. nice web :D

Dy's picture
Dy 08/13/2008

great place to be featured well done! useful links thanks

Target ICT's picture
Target ICT (not verified) 08/12/2008

What about that http://www.f-estate.ru/ :)

zaheto's picture
zaheto (not verified) 08/12/2008

very nice!!....

wyldfyer's picture
wyldfyer 08/12/2008

There are some really beautiful sites here. I love illustration incorporated into web design, it gives it such a clean, bright look.

I recently redesigned my gallery site (http://thecreativeraven.arbent.net) using illustration.

Angie Bowen's picture
Angie Bowen (not verified) 08/11/2008

Definitly one of the best series I have seen in a while! Outstanding illustrations and designs!

Santhos webdesign's picture
Santhos webdesign (not verified) 08/11/2008

Nice Series!
Good you're posting more on webdesign, you seem to have the ability to find great things about it!

Cave Community

Daan's picture
Daan 08/11/2008

here's a nice one: http://www.zaramella.com.ar/

Too bad the navigation isn't through the characters!

The Ad Mad

The Ad Mad 's picture
The Ad Mad (not verified) 08/11/2008

I work for a web design company and I think this work is beautiful! I think graphics is a talent that is hard to come by. Having an eye like that is a gift. Beautiful work!!!

katie back's picture
katie back (not verified) 08/11/2008

www.FlashKing.com is a totally hand illustrated site. One of my favorite features is that the background changes according to what time of day it is.

Thanks for the post!

Stacek's picture
Stacek (not verified) 08/11/2008

Wow, it is a real honor to be featured here (We Are not Freelancers), Thank you for the mention Abduzeedo!

Awesome collection, I particularly like Airborn and dreaming (http://malenehald.dk/blog/)

David Perel's picture
David Perel (not verified) 08/11/2008

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.