23 Great Examples of Illustrated Elements in Web Design

By / Oct 1, 2012 / Inspiration

Illustrated elements are great way to give a website a unique look. Whether its an illustrated background, a stylish sketched font, or hand drawn icons, using illustrated elements can give a design tons of personality. For this post, we’ve gathered 23 examples of illustrated elements in web design to inspire you for your next project.

Aggregift

23 Great Examples of Illustrated Elements in Web Design

CIRQ.

23 Great Examples of Illustrated Elements in Web Design

White Rabbit

23 Great Examples of Illustrated Elements in Web Design

O3

23 Great Examples of Illustrated Elements in Web Design

Impress A Penguin

23 Great Examples of Illustrated Elements in Web Design

Boks Quiz

23 Great Examples of Illustrated Elements in Web Design

The Hybrid4 Graphic Novel

23 Great Examples of Illustrated Elements in Web Design

Well Done Team GB

23 Great Examples of Illustrated Elements in Web Design

LOfavor

23 Great Examples of Illustrated Elements in Web Design

You Waste a lot of Time at Work

23 Great Examples of Illustrated Elements in Web Design

These are Things

23 Great Examples of Illustrated Elements in Web Design

Jess & Russ

23 Great Examples of Illustrated Elements in Web Design

Babel

23 Great Examples of Illustrated Elements in Web Design

Piccsy

23 Great Examples of Illustrated Elements in Web Design

ParaNorman

23 Great Examples of Illustrated Elements in Web Design

Spokes

23 Great Examples of Illustrated Elements in Web Design

UK Energy Consumption Guide

23 Great Examples of Illustrated Elements in Web Design

DIY

23 Great Examples of Illustrated Elements in Web Design

Pure Pleasure Design

23 Great Examples of Illustrated Elements in Web Design

WWF

23 Great Examples of Illustrated Elements in Web Design

Inspire Conference

23 Great Examples of Illustrated Elements in Web Design

Shape

23 Great Examples of Illustrated Elements in Web Design

Explanimate

23 Great 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

  • http://www.sweetmag.my Web Design Malaysia

    Loved how para norman have it’s site presented.

    Very well done!

    Great movie, with a great website 😀

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

    I have lots of respect for good illustrators. Illustration I and II in college were not good semesters for me :)

  • http://www.anchorstl.com Michael Meininger

    I think some of the best examples for this look may be video game sites

  • http://www.pragmaticdesign.co.uk Web design Wolverhampton and Birmingham

    The Hybrid4 Illustrations are great, but a shame that it’s impossible to manually scroll down because the scroll bar’s obscured (Safari, Mountain Lion). Flick the “Auto Scroll” switch to get it to work.

  • Rodrigo Blanco

    I love the examples! I have also found a cool site with some nice illustrations:

    http://www.paintthecountrypink.com

  • http://www.aledesign.it aledesign.it – Creative Graphic

    A great list…My preferite is The Hybrid4 Graphic Novel! I love so much this style…and good story! Good Inspiration! Thanks!

  • http://webdesigninspirationtoday.com Web Design Inspiration Today

    Is Paranorman really uses illustration in their design? I don’t think so.

    Anyway, these are great designs, I will add them up to WDIT’s collection in style Illustration. Everyone, please visit this link if you are interested,

    http://webdesigninspirationtoday.com/design/style/illustration

  • http://www.facebook.com/aunitsharmaphotography aunit

    I simply love the collection very very thanks for sharing. Glad to follow.

    Regards,
    Aunit Sharma
    http://www.facebook.com/aunitsharmaphotography

  • http://www.properlabs.com Matt – Web Design

    Excellent round up. Thanks for sharing!

  • http://www.vladimirj.com Vladimir J

    Two weeks ago when I started designing and developing my website, this post helped me decide what path to take. So I chose to follow crazy idea about gray illustrated website. Now it’s done, and I just wanted to come back and say thank you for this great and inspiring collection.