Web Design: IllustrationListThumbs

Web Design: Illustration

August 11, 2008

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 the author

Hello, everyone! I'm Paulo Gabriel, a 25 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. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! For more cool stuff, you may also follow me on Twitter.

Sponsored Links:

More content from:

Help us to share this!

57 Comments

David Perel08/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/)

Stacek08/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!

katie back08/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!!!

The Ad Mad 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

Daan08/11/2008

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

<!--break--><!--break-->Cave Community

Santhos webdesign08/11/2008

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

Angie Bowen08/11/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.

wyldfyer08/12/2008

very nice!!....

zaheto08/12/2008

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

Target ICT08/12/2008

great place to be featured well done! useful links thanks

Bady_qb08/13/2008

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

Darkwolf08/13/2008

Nice I like it..

daniel aka milo1308/13/2008

very nice post !

Winston08/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.

Charles08/13/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/

Ping08/14/2008

This is a pretty cool illustrated site too.

kai08/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.

smiles :)08/14/2008

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

Thanks for the post :)

Karl Katzke08/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.

free xbox 360 elite08/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.

Turtles08/14/2008

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

x531508/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

Maresa Sumardi08/14/2008

some of the web designs here are simply diiiiviiiiineeeee

the top three and bottom one is exceptionally beautiful

teehoii08/14/2008

Wow dude, this topic got you on digg.com

Pointless Rambler08/14/2008

Thanks for featuring my site!

deStone08/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) ...

KangarooDeziner08/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.

?????08/14/2008

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

James Deering08/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

Rob Hawkes08/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.

Brian08/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.

BoredQuiz08/14/2008

These sites really are amazing.

Maciej Rakowski08/14/2008

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

Cheers

PureDezigner08/15/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!

Dave08/16/2008

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

Malene Hald08/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:)

Anonymous08/16/2008

Good Design

Philippines08/16/2008

Clean and Eye Freshing concept

tomfreakz08/25/2008

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

cheers

CSS Model08/29/2008

Great collection, thanks!

Toni08/30/2008

Wow, Great posting.

Website Design Company 09/03/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.

caren09/15/2008

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

music and arts dude09/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

Anonymous09/30/2008

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

DCC11/13/2008

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

Mike12/16/2008

Navigation menu design is super important in relation to a web sites look and feel.

FM12/26/2008

Wow. Thanks!

http://theflashwebgallery.com

Kid C12/31/2008

Superb selection, thanks for sharing!

Anonymous01/01/2009

Great article 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.
http://www.cyberdesignz.com/ , you can get more information from this.

Marek Kasperski02/20/2009

Web Trends 2008/2009: http://ui.blox.pl/2009/01/Web-Design-trendy-w-Internecie.html

San Diego Web Business02/26/2009

Really nice work, I am SO looking forward to your textures. You've got an incredible range of style here.

Cr8tive02/27/2009

Great Resource.... thanks dear

Zoran03/01/2009

I dont have a site to add, but dam impressive list of sites! play roulettepoker sitesbootleg movies

Hazger04/06/2009

What happened to list? i can see any site here, i usualy get inspiration from this list T.T

Veronic81004/06/2009

This is great! , busty milf lisa ann black dick, [url="http://prettymilf.hottubecam.com/foot-fetish-milf-lesbians.html"]busty milf lisa ann black dick[/url], http://prettymilf.hottubecam.com/foot-fetish-milf-lesbians.html busty milf lisa ann black dick, brazilian busty mature ass sex movies, [url="http://prettymilf.hottubecam.com/drunk-mature-fuck.html"]brazilian busty mature ass sex movies[/url], http://prettymilf.hottubecam.com/drunk-mature-fuck.html brazilian busty mature ass sex movies, girls licking moms, [url="http://prettymilf.hottubecam.com/slutty-and-sexy-milfs.html"]girls licking moms[/url], http://prettymilf.hottubecam.com/slutty-and-sexy-milfs.html girls licking moms, hot lesbian fucks pregnant milf, [url="http://prettymilf.hottubecam.com/milf-mom-and-daughter-lesbians.html"]hot lesbian fucks pregnant milf[/url], http://prettymilf.hottubecam.com/milf-mom-and-daughter-lesbians.html hot lesbian fucks pregnant milf,

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?