23 Fantastic Examples of Illustrated Elements in Web Design

By / Mar 19, 2012 / Inspiration

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

  • http://www.medialoot.com Jenn Staz

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

  • http://silvershotstudios.com Callie Ferman

    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.

  • http://blog.entheosweb.com/ EntheosWeb

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

  • http://www.pragmaticdesign.co.uk Web Design Wolverhampton

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

  • http://www.thevectorbox.com The Vector Box

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

  • http://www.afar25.com Afar25

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

  • Juvencio

    Thanks for sharing!!

  • http://www.aledesign.it aledesign.it

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

  • http://taglinegroup.com Christina Cruz

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

  • http://webdesy.com/blog/ Kenneth

    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. :)

  • http://www.designturnpike.com Design Turnpike

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

  • http://www.kezber.com Web Design

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

  • http://rjnselection.co.uk RJN

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

  • http://www.wvmagicdesign.com Mitch Ballard

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

  • http://www.demosite.fr Creation web

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

  • http://fastdesign.com.au/ Fastdesign

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

  • http://rolling-webdesign.com Theo

    Some fantastic websites in this collection!

  • http://nikhilmisal.com Nikhil

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

  • http://www.lauralikesdesign.co.uk Laura

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

  • http://luon.com Bart Verbeeren

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

  • http://www.webdesigncomgw.co.uk Damian Smith

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