23 Fantastic Examples of Illustrated Elements in Web Design

By / Mar 19, 2012 / Inspiration
shares

Illustration and hand drawn elements can give a lot personality to a layout, specially if used properly. From small illustrated icons to complete illustrated backgrounds, or hand drawn typography, it’s always a nice approach to insert illustrations in your design. Today we gathered a few examples of websites using illustrated elements to inspire you.

Second Story

Illustrated Elements in Web Design

Trent Walton

Illustrated Elements in Web Design

More than Twenty

Illustrated Elements in Web Design

Postable

Illustrated Elements in Web Design

Duct Tape & Glitter

Illustrated Elements in Web Design

Glass Coat Photo Booth

Illustrated Elements in Web Design

G’Nosh

Illustrated Elements in Web Design

Belong

Illustrated Elements in Web Design

Kolonien

Illustrated Elements in Web Design

SoleilNoir

Illustrated Elements in Web Design

The Penthouse Project

Illustrated Elements in Web Design

Hannah

Illustrated Elements in Web Design

talent garden

Illustrated Elements in Web Design

Luhse Tea

Illustrated Elements in Web Design

We Are Royale

Illustrated Elements in Web Design

AppGear

Illustrated Elements in Web Design

Sir John a Day

Illustrated Elements in Web Design

inTacto 10 Years

Illustrated Elements in Web Design

Rexona for Men – Super Hero

Illustrated Elements in Web Design

Muffi

Illustrated Elements in Web Design

AFAR 25

Illustrated Elements in Web Design

ConvergeSE

Illustrated Elements in Web Design

Monsieur Cassius

Illustrated Elements in Web Design

CSS Design Awards
The Best Designs
Awwwards

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

21 Comments

  1. Jenn Staz
    March 19, 2012

    I adore hand drawn elements, and that was actually the driving factor for my new personal blog design. Thanks for sharing!

    Reply
  2. Callie Ferman
    March 19, 2012

    Some great design inspiration- I love how it makes the sites so much more personalized and less of that “stock image city” look that you tend to see on a lot of business sites.

    Reply
  3. EntheosWeb
    March 19, 2012

    Thanks for sharing, love the creativity! I’m curious to know where you find these great designs :)

    Reply
  4. Web Design Wolverhampton
    March 19, 2012

    These look great. I always find that illustrations on a website add a much friendlier tone.

    Reply
  5. The Vector Box
    March 19, 2012

    Great collection, I love the G’Nosh & Rexona for Men websites.

    Reply
  6. Afar25
    March 19, 2012

    Great collection, thanks for the mention.
    I think there was a mistake with Monsieur Cassius site, a screenshot of my site is displayed instead.

    Reply
  7. Juvencio
    March 19, 2012

    Thanks for sharing!!

    Reply
  8. aledesign.it
    March 19, 2012

    A good selection with more inspirations…”We Are Royale” and “Super Hero” are my preferite.

    Reply
  9. Christina Cruz
    March 19, 2012

    These were really inspiring especially “We Are Royale” and “Duct Tape And Glitter”. Thanks for sharing these with everyone.

    Reply
  10. Kenneth
    March 19, 2012

    Thanks for the round-up! What can I say? Talented people only can create that sort of things. I don’t even think once can learn to do it. You need to be born like that. :)

    Reply
  11. Design Turnpike
    March 19, 2012

    Wow, what a great collection! Hand illustration is a skill I envy. Awesome works.

    Reply
  12. Web Design
    March 19, 2012

    Great stuff. Website shouldnt be complex, keep them clean and simple!

    Reply
  13. RJN
    March 19, 2012

    Some really amazing designs here, i wish i had a fraction of that talent!

    Reply
  14. Mitch Ballard
    March 20, 2012

    Nice collection, thanks for sharing the creative illustrated elements here. Great post and hats off to Gisele.

    Reply
  15. Creation web
    March 20, 2012

    Nice selection. An example that proves illustration and websites go well together !

    Reply
  16. Fastdesign
    March 21, 2012

    Brilliant collection. I love how these designers make illustrations and websites come out beautifully.

    Reply
  17. Theo
    March 21, 2012

    Some fantastic websites in this collection!

    Reply
  18. Nikhil
    March 24, 2012

    This collection is just fantastic.
    Thanks for great share!
    :)

    Reply
  19. Laura
    March 26, 2012

    Stunning collection, lovely post to flick through on a Monday morning! Thanks :)

    Reply
  20. Bart Verbeeren
    April 2, 2012

    Some really great examples. Thanks for sharing. We launched something similar last week: http://www.essentielevetten.be/

    Reply
  21. Damian Smith
    April 5, 2012

    Love illustrated work, something I think I need to improve upon!

    The G’Nosh website is beautiful, I got bored of the whole birdseye view wed design styles but that one just made me like them again!!

    Reply

Leave a Reply