Creative Uses of Illustration in Website Design

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

  • http://www.orphicpixel.com Mars

    those are really clean website with the use of illustrations

  • http://www.favshare.net favSHARE

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

  • http://10steps.sg Johnson Koh

    Interesting and colorful list. :D

  • http://www.96robots.com Sean

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

    Very useful list.

  • http://www.acclot.com tok

    Illustrations are awesome!
    But what will take their place?

  • http://dpxmag.com Bogdan

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

  • http://dynastywebsolutions.com Jarrett Uguccioni

    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.

  • http://www.vijayinfo.in web designer

    Thanks u r information

  • http://www.capital-office.co.uk Business Services Mail Boxes

    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.

  • http://www.clippingimages.com clippingimages

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

  • http://link Pol47

    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. ,

  • http://andrewnoddings.co.uk/creative.php Rita | Creative Graphic Design

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

  • http://link Mark61

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

  • http://www.itsselvam.com Selvam

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

  • birdmaninchina

    Selvam,I’ve seen..haha~

  • http://www.youngmindsdesign.com Web Designer

    Great designs.

  • http://www.mylooer1345.com Nacho

    I agree with all the above statements.,Macarena

  • http://www.continental-roofing.com/ superwoofer

    great to use illustration in web design, it make great picture. fancy and morden. I like so much.

  • http://www.clippingpathcenter.com/ clipping path

    Really appreciable design. Thanks for this type of designs.

    Regards,
    Al Kamal Md. Razib

  • http://www.zco.com/ iPad Developer

    I am sure, I will tweet this to my twitter account. This will help a lot of users.

  • http://www.vainfotech.com Va Infotech

    Yes. this is very timely and a great resource.

  • http://www.clippingdesign.com Clipping Design

    Awesome collection. Thanks for share. :)

  • http://www.isiservices.nl/ cms website design in Nederland

    In a single sentence it is a nice and great outstanding posting.
    thanks.

  • http://123plombier.free.fr plombier

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

  • http://www.domain2host.in Domain Registration Delhi

    Nice To Read,

    thanks for Information.

  • http://www.veztekusa.com veztek

    this has provided us with relative websites. thankyou for being on the right track.

  • http://www.n1mailbox.com jade hunt

    interesting list would be interested in using some time, comments on my appreciated to!

  • http://www.how2createawebsite.in/ Anand

    Good collection for website designs. Shall be helpful for anyone to have a few creative concepts.

  • chauffagiste paris

    Hello mates, good article and good arguments commented here, I am in fact enjoying
    by these.