25 Examples of Illustration and Hand Drawn Elements in Web Design

By / May 2, 2011 / Inspiration
shares

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

11 Comments

  1. Sagar Ranpise
    May 2, 2011

    Good inspiring web designs!

    Reply
  2. David
    May 2, 2011

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

    Reply
  3. Jeremy
    May 2, 2011

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

    Reply
  4. jonny
    May 2, 2011

    Jan Ploch is the best one…great idea!

    Reply
  5. Amelia Johnson
    May 3, 2011

    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.

    Reply
  6. Pragmatic Design
    May 3, 2011

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

    Reply
  7. Vivek Dhande
    May 5, 2011

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

    Reply
  8. Kyson Kane
    May 6, 2011

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

    Reply
  9. Adrian
    May 7, 2011

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

    Reply
  10. techgraphic
    August 8, 2011

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

    Reply
  11. Chris
    September 30, 2011

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

    Keep up the good work :)

    Reply

Leave a Reply