Creative Uses of Illustration in Website Design

October 6, 2009 – by Tony 39 comments

One thing I love to see in web design is how artists and designers take a certain style of design and incorporate it into their websites. Last week I wrote an article titled: 30 Must See Character Illustration Tutorials. This article gave tips and tricks on how to create amazing character Illustrations. So today I find it only fitting that I write this post on website designs that are influenced by illustrations. In this collection of websites you will see some beautiful uses of illustration that will leave you speechless. Hope you enjoy!

Want more on website design? Check out some of my previous post:

Website Design: 30+ Beautiful wood inspired designs

Website Design: Some of the most uniquely designed E-commerce websites

http://www.ormanclark.com

http://www.ormanclark.com/

Professional Web Design by Orman Clark | Web Design in Berkshire

http://oldloft.com

http://oldloft.com/

old loft: web design & development

http://www.veboolabs.com

http://www.veboolabs.com/

Veboo Labs & middot; Website Development

http://www.93urban.com

http://www.93urban.com/

93URBAN // Old School Design

http://www.divvoted.com

http://www.divvoted.com/

DivVoted - vote for your favourite designs - another YoDiv site

http://www.cubeclub-chemnitz.de

http://www.cubeclub-chemnitz.de/

Welcome! | Cube Club Chemnitz

http://www.colchesterschool.ca

http://www.colchesterschool.ca/

Colchester Elementary | Home

http://mysnowbuddy.com

http://mysnowbuddy.com/

MySnowBuddy - Ride Share, Car Pool, Buy Sell, Mountain Weather Conditions, Lift Buddy, and More

http://www.mochimedia.com

http://www.mochimedia.com/

The Largest Network of Online Games – Mochi Media :: Fueling Creativity

http://www.getmefast.com

http://www.getmefast.com/

Affordable Web Design Company | Professional Web Design Company - GetMeFast

http://www.clark-studios.co.uk

http://www.clark-studios.co.uk/

Clark Studios | Web Designer & Programmer based in Farnborough, Hampshire, UK

http://sketch.odopod.com

http://sketch.odopod.com/

Odosketch is a flash drawing application created by Odopod, a digital agency in San Francisco. Create sketches, watch sketches replay, or simply view recent and our favorite featured illustrations

http://www.lukasztyrala.pl

http://www.lukasztyrala.pl/

Website of an illustrator and a web designer, who was born in 1983 and now works, studies and lives in Krakow (Poland).

http://www.mplusz.com

http://www.mplusz.com/

Mplusz, a web design agency. We create great web sites.

http://www.strawpollnow.com

http://www.strawpollnow.com/

Tiny daily polls in 140 characters or less.

http://www.tutorial9.net

http://www.tutorial9.net/

Tutorial9 provides tutorials encompassing graphic design, website development, and photography. All lessons offered are entirely free, and community participation is encouraged.

http://stoodeo.com

http://stoodeo.com/

We offer a long-lasting business partnership with you the client, while providing you with brilliantly stunning website design services for all of your web project needs.

http://www.pigeonandpigeonette.com

http://www.pigeonandpigeonette.com/

The official "Pigeon and Pigeonette" website (Dirk Derom & Sarah Verroken) with games, movies, free stuff and lots more...

http://www.schneeballschl8.de

http://www.schneeballschl8.de/

Schneeballschl8 - der Duo-Blog

http://www.mergeweb.com

http://www.mergeweb.com/

Web Design, Greenville, SC. Merge, a full service web developer specializing in web site redesigns, web hosting and web strategy consulting.

http://www.pojeta.cz

http://www.pojeta.cz/

http://www.pojeta.cz/

http://owltastic.com

http://owltastic.com/

Writings about web design by Meagan Fisher - designer, xhtml and css writer, sketcher, and owl obsessor.

http://www.thegreatbeardedreef.com

http://www.thegreatbeardedreef.com/

The Great Bearded Reef is the website for Joshua Willis.

http://eanka.com

http://eanka.com/

eAnka.com - Professional Web Development & Web Design

http://www.creamscoop.com

http://www.creamscoop.com/

CreamScoop Web Development

http://deanoakley.com

http://deanoakley.com/

Freelance Web design, Gold Coast, Brisbane

http://www.arpel.com.br

http://www.arpel.com.br/v4/index.html

Website Arpel - Juiz de Fora | Minas Gerais

http://www.krolikov.net

http://www.krolikov.net/main_en.php

www.krolikov.net - art studio

http://www.hutchhouse.com

http://www.hutchhouse.com/index.php

Creative Digital Design for Web & New Media, Oxford, UK

http://www.webdesignerdepot.com

http://www.webdesignerdepot.com/

Web Design Resources and Tutorials - Webdesigner Depot

http://www.somme.no

http://www.somme.no/

Berit Sømme - Illustratør, Illustrator Norway Stavanger

http://fatburgr.com

http://fatburgr.com/

Fatburgr | Nutrition information from your favorite restaurants!

http://www.gomediazine.com

http://www.gomediazine.com/

Vector & Photoshop Tutorials, Freebies & Tips for Graphic Designers| GoMediaZine

http://www.ipersonalassistant.co.uk

http://www.ipersonalassistant.co.uk/

iPersonalAssistant - personal assistance & minus the overheads

http://bradcolbow.com

http://bradcolbow.com/

Brad Colbow - Independent Web Designer, Illustrator

http://www.meomi.com

http://www.meomi.com/

- meomi cloud house -

http://www.volll.com

http://www.volll.com/

volll - a small European atelier for design and development

http://www.iprimidieci.com

http://www.iprimidieci.com/

I primi dieci - le più belle classifiche di tutti i tempi

http://www.webdesignerwall.com

http://www.webdesignerwall.com/

Web Designer Wall - Design Trends and Tutorials

http://www.branded07.com

http://www.branded07.com/

Online web design portfolio of Rob Palmer, Creating accessible website design · Branded07

http://www.rothaniko.hu

http://www.rothaniko.hu/eng.html

RÓTH ANIKÓ

http://artgeex.com

http://artgeex.com/v6/

Online portfolio of an art geek named Hayaty Mahdini from Miri Sarawak. Yes, I am a girl/lady/woman.

http://www.concept007.ru

http://www.concept007.ru/#/005

Concept 007

http://rawkes.com

http://rawkes.com/

Rawkes: A web design studio on a mission

http://www.moshimonsters.com

http://www.moshimonsters.com/

Moshi Monsters is a brand new online game where you can adopt your very own pet monster. Each one has a lively, unique personality that develops the more you play.

http://octwelve.com

http://octwelve.com/

Octwelve - Blog of designer, MaryLuc Melgar

http://www.1024media.com

http://www.1024media.com/

Edmonton Search Engine Optimization Services | ten24 SEO

http://www.redefine.us

http://www.redefine.us/

RED Creative Group is a full service design firm specializing in websites built with content management systems (CMS), marketing collateral, and logo (identity) design.

http://www.thealamobasement.com

http://www.thealamobasement.com/

THE ALAMO BASEMENT

http://www.marryology.com

http://www.marryology.com/

Amazing wedding planning tips no matter what your level of experience, or wedding budget!

http://www.yodiv.com

http://www.yodiv.com/

We help great designers and busy web developers by turning their PSD and Photoshop designs into perfect XHTML and CSS, ready for you to use in your website and web app. Fast and Cost Effective Turnaround for clients worldwide.

http://www.vectorart.org

http://www.vectorart.org/

Free Vector Stock Images | Free Illustrator EPS and AI Downloads | Open Source Vector Files

http://www.projectvino.com.au

http://www.projectvino.com.au/

project vino homepage

http://www.francie-pants.com

http://www.francie-pants.com/

Show em London, show em Francie Pants -- Fun with the Francies Show em London, show em Francie Pants -- Fun with the Francies

http://www.studioespace.co.jp

http://www.studioespace.co.jp/index.html

www.studioespace.co.jp

http://www.iwit.nl

http://www.iwit.nl/

iwit.nl // Ewout van Lambalgen

http://www.jrvelasco.com

http://www.jrvelasco.com/

www.jrvelasco.com

http://www.kinoz.com

http://www.kinoz.com/

KINO Site graphic instinct: webdesign, artwork, logo, photo

http://leihu.com

http://leihu.com/

leihu, the personal dominion of James A. Mathias an artist, writer & outlaw

http://fernandolandi.com.ar

http://fernandolandi.com.ar/

Fernando Landi

http://www.blueacorn.com

http://www.blueacorn.com/

eCommerce Consulting and SEO | eCommerce Blog | eCommerce Optimization & Strategy from Blue Acorn

http://www.wedomarkup.com

http://www.wedomarkup.com/

www.wedomarkup.com

http://www.kevadamson.com

http://www.kevadamson.com/

Freelance Web Design, Illustration, Animation & Graphic Designer : UK

http://www.roome.co.uk

http://www.roome.co.uk/

Roome Consulting

http://www.kitfolio.com

http://www.kitfolio.com/

Hello, my name is kit, welcome to my little portfolio website

http://carsonified.com

http://carsonified.com/

Creativity with integrity - Offering world-class events for the web industry.

http://www.musiccityunsigned.com

http://www.musiccityunsigned.com/

www.musiccityunsigned.com

http://onstuimig.nl

http://onstuimig.nl/

www.onstuimig.nl

http://www.kinder-aktuell.de

http://www.kinder-aktuell.de/

www.kinder-aktuell.de

http://www.elitistsnob.com

http://www.elitistsnob.com/

Elitist Snob: Mac snobbery and such

http://oypro.com

http://oypro.com/

Oypro Istanbul, Turkey Real Estate & Property Management

Posted in Compilation, Illustrator, Inspiration, Web Design.

  • Digg
  • del.icio.us
  • Twitter
  • Facebook
  • StumbleUpon
  • Reddit
  • Technorati
  • Design Float
  • Yahoo! Buzz

Network News




Related Posts



WP Greet Box icon
Hello there! If you are new here, you might want to subscribe to the RSS feed for updates.

39 Comments

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Mars says

    those are really clean website with the use of illustrations

    October 6, 2009, 2:26 AM
  2. favSHARE says

    This article has been shared on favSHARE.net. Go and vote it!

    October 6, 2009, 6:28 AM
  3. Johnson Koh says

    Interesting and colorful list. :D

    October 6, 2009, 7:02 AM
  4. Sean says

    These sites are amazing! They draw your eye immediately to all of the main call-to-action locations on the site.

    Very useful list.

    October 6, 2009, 9:57 AM
  5. tok says

    Illustrations are awesome!
    But what will take their place?

    October 6, 2009, 11:47 AM
  6. Bogdan says

    Very impressive list, congrats! I love this type of design.
    @tok: I`m curious too.

    October 7, 2009, 4:29 AM
  7. Jarrett Uguccioni says

    This was a really great blog post. It has helped me in my website design business to provide a better product and still keep my prices more affordable than most.

    Thank you.

    October 7, 2009, 10:37 PM
  8. web designer says

    Thanks u r information

    October 13, 2009, 1:15 AM
  9. Business Services Mail Boxes says

    Quality web design teams support the use of inexpensive and time saving technology. This includes open source publishing and e-commerce tools like WordPress for handling Weblogs and corporate information pages, osCommerce for online shopping features and Zope for building customized content management and customer interaction tools. These tools enable businesses to achieve professional standards while saving time and money.

    October 15, 2009, 8:12 AM
  10. clippingimages says

    WoW :) Awesome web design collections . Simply great. Thanks for sharing this fabulous list of web designs.

    October 19, 2009, 10:19 PM
  11. Pol47 says

    The payment situation is also conducive to spending more than you’d planned, because rather than seeing what you’ve bought all in one cart and, at the last minute, removing that one container of berries or piece of cheese that would really put things over the top, it’s only at the end of the trip, when you compare how much money you had on you with how much you’ve spent, that you get your total ‘receipt’ for the day. ,

    October 22, 2009, 7:07 AM
  12. Rita | Creative Graphic Design says

    Great compilation. They will certainly give everyone who love art and graphic designing inspiration and concepts to borrow and use on their future projects.

    October 23, 2009, 12:43 AM
  13. Mark61 says

    No matter how good you really are, no company will respect you if you work for peanuts. ,

    October 23, 2009, 6:19 AM
  14. Selvam says

    some are never seen website listed in others….great collection

    November 24, 2009, 6:04 AM
  15. birdmaninchina says

    Selvam,I’ve seen..haha~

    November 28, 2009, 6:44 AM
  16. Web Designer says

    Great designs.

    December 13, 2009, 2:55 AM

show/hide trackbacks

  1. Tweets that mention Creative Uses of Illustration in Website Design | designrfix.com -- Topsy.com linked to this post on October 6, 2009

    [...] This post was mentioned on Twitter by Adnan Osmani, Blueprint DesignBlog and Web Design News. Web Design News said: Creative Uses of Illustration in Website Design http://bit.ly/4B1Umk [...]

  2. pligg.com linked to this post on October 6, 2009

    Creative Uses of Illustration in Website Design…

    One thing I love to see in web design is how artists and designers take a certain style of design and incorporate it into their websites. Last week I wrote an article titled: 30 Must See Character Illustration Tutorials. This article gave tips and tric…

  3. zabox.net linked to this post on October 6, 2009

    Creative Uses of Illustration in Website Design…

    One thing I love to see in web design is how artists and designers take a certain style of design and incorporate it into their websites. Last week I wrote an article titled: 30 Must See Character Illustration Tutorials. This article gave tips and tric…

  4. buzzup.com linked to this post on October 6, 2009

    Creative Uses of Illustration in Website Design…

    One thing I love to see in web design is how artists and designers take a certain style of design and incorporate it into their websites. Last week I wrote an article titled: 30 Must See Character Illustration Tutorials. This article gave tips and tric…

  5. tripwire magazine | tripwire magazine linked to this post on October 6, 2009

    [...] I have experience about Graphic and Web Designing experience, thats why offering something different for designers and Photographers, in these listed Adobe Photoshop Tutorials you may Retouch.. Creative Uses of Illustration in Website Design [...]

  6. Creative Uses of Illustration in Website Design | TopRoundups linked to this post on October 6, 2009

    [...] Creative Uses of Illustration in Website Design Submitted by Guest [...]

  7. Kreatív illusztrációk a webdesignban | Blogzóna | VENTOSA kreatív stúdió linked to this post on October 6, 2009

    [...] illusztrációk használata a webdesignban: http://designrfix.com/inspiration/creative-illustration-website-design Könyvjelz?k közé ezt az [...]

  8. Creative Uses of Illustration in Website Design | favSHARE.net linked to this post on October 6, 2009

    [...] Read the original article [...]

  9. Creative Uses of Illustration in Website Design | Web Design Updates linked to this post on October 6, 2009

    [...] Creative Uses of Illustration in Website Design [...]

  10. Creative Uses of Illustration in Website Design linked to this post on October 6, 2009

    [...] Visit Source. [...]

  11. CSS Brigit | Creative Uses of Illustration in Website Design linked to this post on October 6, 2009

    Creative Uses of Illustration in Website Design…

    One thing I love to see in web design is how artists and designers take a certain style of design and incorporate it into their websites. Last week I wrote an article titled: 30 Must See Character Illustration Tutorials. This article gave tips and tric…

  12. Creative Uses of Illustration in Website Design | designrfix.com » Web Design linked to this post on October 6, 2009

    [...] Creative Uses of Illustration in Website Design | designrfix.com [...]

  13. Creative Uses of Illustration in Website Design | Programming Blog linked to this post on October 7, 2009

    [...] DIRECT LINK » Go to SourceSubmit this to Script & StyleShare this on BlinklistShare this on del.icio.usDigg this!Post this on DiigoShare this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxPost this to MySpaceSubmit this to DesignFloatShare this on FacebookTweet This!Subscribe to the comments for this post?Share this on LinkedinSeed this on NewsvineShare this on DevmarksAdd this to Google BookmarksAdd this to Mister WongAdd this to IzebyShare this on TipdShare this on PFBuzzShare this on FriendFeedMark this on BlogMarksSubmit this to TwittleyShare this on FwispMoo this on DesignMoo!Share this on BobrDobrAdd this to Yandex.BookmarksAdd this to Memory.ruAdd this to 100 bookmarksAdd this to MyPlaceSubmit this to Hacker NewsSend this page to Print FriendlyBump this on DesignBumpAdd this to NingPost this to IdenticaIf you enjoyed this post, make sure you subscribe to my RSS feed! Tags: article, character, character illustrations, Design, designers, illustration, link, thing, tips and tricks, web design [...]

  14. Websitesinde Illustrasyon Kullan?m? | QmerDesign linked to this post on October 8, 2009

    [...] sitesinin haz?rlad???, websitesinde illustrasyon kullan?m?na örnekler verilen harika yaz?. Share this on del.icio.usBump this on DesignBumpDigg this!Share this on FacebookShare this on [...]

  15. Sitios web con excelentes ilustraciones. — Tablosign linked to this post on October 9, 2009

    [...] de sitios webs con ilustraciones muy buenas y por sobre todo, bien utilizadas. Para inspirarse. | Link 0 [...]

  16. PEDRO GOICO. New Media Developer´s Blog. » Archive » Ilustración en Web Design. linked to this post on October 10, 2009

    [...] Creativos ejemplos donde se combina la ilustración con el diseño web, logrando interesantes result… [...]

  17. Sonic and His (not so) Hedgehog Super Powers | Vintage Video Games linked to this post on October 12, 2009

    [...] Creative Uses of Illustration in Website Design | designrfix.com [...]

  18. 135+ Awesome Fresh Article Links for Designers and Developers | tripwire magazine linked to this post on October 13, 2009

    [...] Creative Uses of Illustration in Website Design [...]

  19. Web design services by ITRIX Technologies | The Tinternet Starts Here linked to this post on October 27, 2009

    [...] Creative Uses of Illustration in Website Design | designrfix.com [...]

  20. Creative Uses of Illustration in Website Design | SingleFunction linked to this post on October 31, 2009

    [...] Visit Source [...]

  21. Best of the Web – October 2009 | SOSFactory Blog linked to this post on November 2, 2009

    [...] Creative Uses of Illustration in Website Design [...]

  22. 190+ Links For October: Freelance, Web Design, Social Media and SEO! | bkmacdaddy designs linked to this post on November 2, 2009

    [...] Bag Call to Action Buttons: Examples and Best Practices 63 Popular And Promising Web Design Blogs Creative Uses of Illustration in Website Design CSS Frameworks and Semantic Class Names How to Code a Clean Portfolio Design (Plus Free Five-Page [...]

  23. Creative Uses of Illustration in Website Design | designrfix.com | Squico linked to this post on December 17, 2009

    [...] In: Design inspiration 17 Dec 2009 Go to Source [...]



Some HTML is OK

or, reply to this post via trackback.

« Typography Showcase: 70+ Amazing Examples 70+ Apple Inspired Desktop Wallpapers »