SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

Design Trends: 40 Awesome Illustrative Web Designs

July 16, 2009 by Mike Smith 47 Comments

There are a ton of awesome web design trends going around. I call them awesome – you may call them oversaturated and ‘old school’ – however, I feel that any design trend out there has its place in the web design community and this one is a trend that I hope NEVER goes away.

The illustrations in the below websites showcase design skill well beyond creating boxes and gradients in photoshop. They show the visual detail and skill levels of the designers who created them. They add character to the site and add a bit of depth to an otherwise dull website. I looked around online, found 40 of the coolest illustrative designed websites and am showcasing them here for you to check out. Let me know in the comments which one(s) you like the best.

Carsonified ↓

Illustrative Web Design

Francie Pants ↓

Illustrative Web Design

World Nude Day ↓

Illustrative Web Design

James Mathias ↓

Illustrative Web Design

Orange Label Design Studio ↓

Illustrative Web Design

Owltastic ↓

Illustrative Web Design

Branded 07 ↓

Illustrative Web Design

Fernando Landi ↓

Illustrative Web Design

Brian Handley ↓

Illustrative Web Design

Tutorial9 ↓

Illustrative Web Design

Envira Media ↓

Illustrative Web Design

Kinder-Aktuell ↓

Illustrative Web Design

Redefine.us ↓

Illustrative Web Design

Stuff & Nonsense ↓

Illustrative Web Design

DivVoted ↓

Illustrative Web Design

Miki Mottes ↓

Illustrative Web Design

93Urban ↓

Illustrative Web Design

Kitfolio ↓

Illustrative Web Design

ten24media ↓

Illustrative Web Design

KINO ↓

Illustrative Web Design

We Do Markup ↓

Illustrative Web Design

Rawkes ↓

Illustrative Web Design

Caty Design Studio ↓

Illustrative Web Design

I primi dieci ↓

Illustrative Web Design

Toucouleur ↓

Illustrative Web Design

Marchand de Trucs ↓

Illustrative Web Design

Qwert City ↓

Illustrative Web Design

Marryology ↓

Illustrative Web Design

Krolikov ↓

Illustrative Web Design

MochiAds ↓

Illustrative Web Design

Stoodeo ↓

Illustrative Web Design

YoDiv ↓

Illustrative Web Design

Elitist Snob ↓

Illustrative Web Design

Dean Oakley ↓

Illustrative Web Design

Darkmotion ↓

Illustrative Web Design

Adit Shukla ↓

Illustrative Web Design

BubblesSOC ↓

Illustrative Web Design

Octwelve ↓

Illustrative Web Design

The Alamo Basement ↓

Illustrative Web Design

Meomi ↓

Illustrative Web Design

Your Turn To Talk

Do you know of any more websites that should be mentioned here? Please share your finds with us! Hope you enjoyed this post! :)

Filed Under: Design, Showcase

Comments

  1. @FoxFryMedia says

    July 16, 2009 at 6:02 am

    WOW man that’s wonderful creativity!!!

  2. RR says

    July 16, 2009 at 6:57 am

    Amazing~
    But much site in cartoon style, is that a fashion ?

  3. Benjamin Reid says

    July 16, 2009 at 7:10 am

    Nice post, some great inspiration in there. I’m yet to attempt a design to anything similar to these but I’d love to.

    My favourite (which I’ve come across before) is Owltastic! Hooo hoo!

  4. web2000 says

    July 16, 2009 at 7:25 am

    Hey I loved your article design trends 40 awesome illustrative web designs – very inspiring and also good examples of UI as well

  5. Jason Grant says

    July 16, 2009 at 7:50 am

    Lovely stuff! This one is a keeper!

  6. Noel Wiggins says

    July 16, 2009 at 9:54 am

    My god there is some good stuff showcased here.

    Man this makes me want to stop browsing around and get to work!

    thanks for sharing these wonderful sites with us…

    Thanks & Regards
    Noel from nopun.com
    a professional graphic design firm

  7. Binoj Xavier says

    July 16, 2009 at 10:43 am

    Cute :)

  8. Jacque says

    July 16, 2009 at 11:29 am

    Toucouleur’s was taken from desktopography.net. not blaming you, just pointing it out.

    good round up though :]

  9. Luci says

    July 16, 2009 at 12:20 pm

    Some great example there! Thanks! I would say world nude day, redefine.us, miki mottes, and meomi were my favourites. By i always wonder, do you think they sketch freehand first, and scan in their creations and use illustrator. Or is it all sole digital, perhaps with the odd use of a tablet?

  10. Brant says

    July 16, 2009 at 12:34 pm

    Thanks again for another great post.

  11. Naomi Niles says

    July 16, 2009 at 12:49 pm

    This is a great list. Thanks for sharing!

    I wonder though, is it fair to put sites with illustrations bought at istockphoto in the same category as the others? Is there more to be said for total originality or does that really matter?

  12. Fabian says

    July 16, 2009 at 11:36 pm

    Love the cuteness of these…they make you smile.

  13. Danny Hinde says

    July 17, 2009 at 10:34 am

    Such a great selection websites, and the design work that’s gone into them is nothing short of amazing. I love websites that make use of vibrant illustrations and large bold fonts.

    Great article.

  14. olybop says

    July 17, 2009 at 11:03 am

    Very great selection, Thanks for sharing !
    Olybop

  15. Ashely Adams says

    July 21, 2009 at 7:47 am

    Web design trends are ever changing. It is not only about creating boxes and gradients. It is the visual representation of the designer’s creativity. And thanks for listing these unique and creative websites. I personally liked the Caty Design Studio and James Mathias websites.

  16. Nicholas Z. Cardot says

    July 21, 2009 at 4:12 pm

    Nice designs. I really like that style of website. Thanks for putting this collection together.

  17. imroz says

    July 29, 2009 at 5:31 am

    thanks for sharing these inspirational sites.

  18. Joe says

    July 30, 2009 at 2:45 pm

    Thanks, some really intriguing concepts here.

  19. Mouli Cohen says

    July 30, 2009 at 3:36 pm

    I have to say this is an amazing array of wonderful illustration. Thanks for sharing!

  20. Dalesh Kowlesar says

    July 31, 2009 at 2:48 pm

    It’s been a long time since other sites have actually inspired me! Thanks! Definately following this site.

  21. Martin Sanders says

    August 26, 2009 at 8:37 pm

    What an inspiring collection, I’m hopping to develop an illustrative site once I find a suitable client ;)

  22. Tejas says

    September 5, 2009 at 3:00 am

    This is good list. Do these website designs have an expiry date? Do they get updated when a new trend comes in?

  23. Willem says

    September 10, 2009 at 5:35 am

    Nice list you got here. thanks for sharing

  24. Illustration says

    September 14, 2009 at 3:56 pm

    Studeo’s the best one !

  25. Charlotte Web Design says

    September 17, 2009 at 2:19 am

    Thanks for sharing us with a wonderful and awesome creativity. A are really nice and inspiring collection of design.

  26. Adriaan Fenwick says

    November 23, 2009 at 4:33 am

    Really awesome illustrations, thanks a lot! It always inspires me to see this level of illustration.

    I have a post on 10 illustrative web designs featuring illustration with a twist at http://thedesigner.co.za/10-illustrative-website-inspirations-with-a-dark-tone

  27. Paul Baines says

    January 3, 2010 at 12:12 pm

    Superb list featuring illustrative web designs – it’s such a relief to see art taking precedence in web design again. A few years ago everyone wanted to look Blue Chip – what a bore that was!

  28. Frank says

    July 12, 2010 at 5:17 am

    Great collection. Would you mind to share what inspires you to come up with such excellent designs? I admit that I really like to create my own design for my website. For now, I seek professional help for the web design that I want. Thanks

  29. jeff says

    October 4, 2010 at 12:15 pm

    Very Creative… Simple yet attractive.. Good Job

  30. Mick says

    October 7, 2010 at 5:57 am

    Thanks for this informative post, i think i would like to re visit your blog.A mere online presence won’t serve the purpose of reaching out and impressing your target audience, to beat the competition you need a well designed website with a good search rank and for that you need help of companies which provide complete solutions.you can get results from your Internet marketing, web design, flash design and e-commerce design company.

  31. Olivia says

    October 8, 2010 at 8:36 am

    great article about all trends in wed design

  32. noskill1343 says

    May 11, 2011 at 9:18 am

    Great site for inspiration, thanx for share :)

Leave a Reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Recent Posts

  • How to use a PDF file combiner to support a Web planner optimally
  • What Factors Determine the Best Digital Marketing Agency?
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js

Archives

  • July 2022
  • June 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022