25 Examples of Illustration and Hand Drawn Elements in Web Design

By / May 2, 2011 / Inspiration

We can say that Illustration is a visual form of presenting something (via Wikipedia). Regarding web design, we can also say that the main goal is to “present something” in a beautiful and interesting form, so we get our user’s attention. Today we decided to gather some examples of websites using illustrations and/or hand drawn elements to present their content. From hand drawn typography to character illustrations and other details, here you will see a lot of inspiring examples.

Jan Ploch

illustrative01

Corpus

illustrative02

EduSoCal’11

illustrative03

RUhotEnouf

illustrative04

Freckles & Handsome’s

illustrative05

steedicons

illustrative06

Thread’s not Dead

illustrative07

wakWAW

illustrative08

The Threepenny Editor

illustrative09

Phase 2 Design Studio

illustrative10

Flow

illustrative11

Netlife Research

illustrative12

Albion West Coast

illustrative13

Florida After Seven

illustrative14

Bully! Entertainment

illustrative15

Greenaway Pro

illustrative16

Shout

illustrative17

Sasquatch Music Festival

illustrative18

Pow

illustrative19

sxsw.squarespace.com

illustrative20

analogue

illustrative21

The Beehive

illustrative22

Youzee

illustrative23

Alexandre Ribeiro

illustrative24

Cantilever

illustrative25

Source:

Abduzeedo – Sites of the Week
siteInspire
The Best Designs

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

  • Sagar Ranpise

    Good inspiring web designs!

  • http://www.pingdesigns.net David

    Great collection, I really like the 3D illustrated look to the Bully website.

  • http://www.jeremymartz.com Jeremy

    Thank you for that.
    The “Analogue” is very nice.

  • http://jonny.cz jonny

    Jan Ploch is the best one…great idea!

  • http://www.tristarwebdesign.co.uk Amelia Johnson

    Not all of these are completely illustrative, but the ones that are are lovely. I like Steedicons cartoon style colours and and bright design. Phase 2 design studio is really fantastic design job too! Worth a click, follow the page down and watch the water droplet! Really clever inspiring work.

  • http://www.pragmaticdesign.co.uk Pragmatic Design

    Another great group, thank you. I particularly liked Cantilever Chippy. Hmm, lunchtime :)

  • http://www.webdesignfact.com/ Vivek Dhande

    Really amazing roundup! Personally “Sasquatch Music Festival” is the favorite one.

  • http://a1daily.com Kyson Kane

    These are really nice! I’m really digging that paper form. Very inspiring for bloggers.

  • http://www.adriancrellin.co.uk Adrian

    Wow! Some beautiful examples here. Illustration such as that on Bully! Entertainment is beyond me! Brilliant! :o)

  • techgraphic

    Wonderful designs. I like all the illustrations.
    Post more unique ones.

  • http://www.utcwebdesign.co.uk Chris

    Cool collection. May I also suggest a look at my site (cheeky I know!)…
    http://www.utcwebdesign.co.uk

    Keep up the good work :)