19 Inspiring Examples of Illustrated Elements in Web Design

By / Jun 24, 2013 / Inspiration
shares

Illustrations are a great way to give a design personality. And it doesn’t matter if your website is a portfolio, a service, or an event – well thought out and designed illustrated elements look good in any project. From simple and minimal illustrated details, to full illustrated backgrounds, there are a lot of options. In the collection of sites we’ve gathered for you in this post, you’ll see sketches in headers and footers and even a whole illustrated team. You are sure to find plenty of inspiration here.

Cole Townsend

19 Inspiring Examples of Illustrated Elements in Web Design

Gravual

19 Inspiring Examples of Illustrated Elements in Web Design

The Society Inc

19 Inspiring Examples of Illustrated Elements in Web Design

Simple as Milk

19 Inspiring Examples of Illustrated Elements in Web Design

Hatched

19 Inspiring Examples of Illustrated Elements in Web Design

EjectorSeat Festival

19 Inspiring Examples of Illustrated Elements in Web Design

SmartWeb

19 Inspiring Examples of Illustrated Elements in Web Design

Dish Conference

19 Inspiring Examples of Illustrated Elements in Web Design

Leg Work

19 Inspiring Examples of Illustrated Elements in Web Design

Northbound Design

19 Inspiring Examples of Illustrated Elements in Web Design

Lamif

19 Inspiring Examples of Illustrated Elements in Web Design

Flatmate

19 Inspiring Examples of Illustrated Elements in Web Design

Fitz Fitzpatrick

19 Inspiring Examples of Illustrated Elements in Web Design

Karine Fortier

19 Inspiring Examples of Illustrated Elements in Web Design

Sam Markiewicz

19 Inspiring Examples of Illustrated Elements in Web Design

Cojito

19 Inspiring Examples of Illustrated Elements in Web Design

Data Vinci

19 Inspiring Examples of Illustrated Elements in Web Design

Specless

19 Inspiring Examples of Illustrated Elements in Web Design

Awkward

19 Inspiring Examples of Illustrated Elements in Web Design

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. Rob Sawyer
    June 24, 2013

    Will throw a shameless plug for my site, if I may. Scroll through to see a few hand-drawn illustrations to the page. Also the previous version of my site had a completely hand-illustrated background. Horrible for responsive design, but it was fun to make (right here: http://www.robsawyer.me/archive/default.html)

    Reply
    • Marto
      June 24, 2013

      Fantastic work Rob. Simple and yet very effective.

      Reply
      • Rob Sawyer
        June 25, 2013

        Glad you liked it! Really enjoy the scrolling effects on your site.

        Reply
  2. john clarke
    June 25, 2013

    Simple but effective. Thank you for sharing.

    Reply
  3. Idan Arbel
    June 25, 2013

    I feel have to provide a shameless plug, since we launched the website today.
    http://www.pixelwrapped.com/

    I feel illustrated websites stay with you and you remember them, a lot more effective than a boarding stock photo pic.

    Also great with characters / mascots.

    Idan

    Reply
  4. Michael Guthrie
    June 25, 2013

    Some great illustration examples. Thanks for compiling. I find it interesting in the year 2013, we still separate design into web design and (your preferred design trade here). And in this case, Illustration specific to web design. This is illustration, and it’s design. The canvas and tools are digital, but the the thinking and skill sets are nothing but the same same (color, composition, message, rendering style, etc.).

    Reply
  5. Karen van de Bospoort
    June 25, 2013

    And here’s another illustrated website www.http://karenvandebospoort.com

    Reply
  6. Shashank Kumar
    June 27, 2013

    Most of them are using flat designs and vintage theme..Nice to see the beautiful collection.

    Reply
  7. Web Design Malaysia
    June 27, 2013

    Nicely done, simple as milk!

    Reply
  8. Corey Lansdell
    June 28, 2013

    Hey all, Also putting in a shameless plug here. http://www.pulpstudios.ca
    We do illustration like nobodies business ; ) so naturally our site has some fun illos in it too… maybe less overall than the sites here… but I think it’s strong use of illustration in a site.

    Enjoy! Happy Canada Day weekend to all my fellow Canucks!

    Reply
  9. Jason
    July 4, 2013

    Gravual is my favorite because the illustration is complex and makes me want to stare at if for a long length of time. Great posts!

    Reply

Leave a Reply