Line25

25 Websites Featuring Cool Hand Drawn Illustrations

Read the full post

In this digital age of clean and crisp lines there’s nothing better than seeing hand drawn illustrations in the designs of websites and interfaces. Hand drawn doodles and sketches really help inject character and personality into a design, and give a fun and friendly appearance to the overall website. This showcase rounds up 25 inspiring examples of websites featuring super cool hand drawn illustrations, from quirky hand drawn typography to cute character doodles.

Kyle Steed

View the website

War Child

View the website

Indubitablee

View the website

Yoke

View the website

Legwork Studio

View the website

La Web Shop

View the website

Steedicons

View the website

Carsonfified

View the website

Sketchnotes

View the website

Justdot

View the website

N.Design Studio

View the website

Chirp

View the website

August Empress

View the website

Kevin Monger

View the website

Amazee Labs

View the website

Bestwork Consulting

View the website

The Greenaway Pro

View the website

Marie Catribs

View the website

Bord

View the website

Summer Camp 2010

View the website

Boudin & Beer

View the website

CXXVI Clothing Co.

View the website

Beavory

View the website

Robbin Waldemar

View the website

The Many Faces Of… Leonardo DiCaprio

View the website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.theseopackages.com Sara

    You can add this site also.

    theseopackages.com

    • http://www.linetoweb.com Raj Mehta

      These are some awesome collection thanks for sharing with us

      :)

  • http://www.theseopackages.com Sara

    Well Html5 coded sites. ( http://theseopackages.com)

  • http://goo.gl/95siq ropafranklin

    Great good designs! Thanks :)

  • http://www.simonclavey.co.uk Simon clavey

    Really nice websites, number 6 is my favorite :-)

  • http://www.rolloutmonkey.co.uk/ kimberly lawrence

    The Beavory link doesn't seem to be working. Love the majority of these websites especially Kyle steed and sketchnotes. Really makes me think I need to up my game quite considerably.

  • http://mynameismartin.com Martin

    I made a site recently in collaboration with an illustrator, one of the funnest projects I've worked on.

    http://timandsimon.co.uk

  • Andy

    Not to mention http://timhengeveld.com

  • http://www.webdesignhighwycombe.com SEO High Wycombe

    Some of these are just stunning!

  • http://www.bigbluesea.co.uk Tim Wills

    Chris, you are soo timely. Just as I'm looking for examples of illustrations in web design… Up you pop in my inbox. Sweet!

  • http://www.webmentor.cr/en/ Marco Berrocal

    Illustration design IMO beats EVERYTHING. God I love them!!!

  • http://www.insitedesignlab.com/blog Jon

    Awesome collection! I love JustDot…

  • http://www.newwebtemplates.net New Web Templates

    WOW, this is such a wonderful designs, i like hand design illustration most!
    thanks

  • http://markarmstrongillustration.com Mark Armstrong

    Excellent– you just can't beat illustration for making an emotional connection.

    Here's another example: this poor sap came in at #26 and just missed the Top 25… : ) http://bit.ly/qn9aF0

  • http://www.mailette.com adam

    Thanks Chris!! I love hand drawn sites but have only seen the Leo one before, total awesomeness!

  • Pavan Kunala

    Thanks for sharing Chris!! These hand-drawn illustrations look amazing.

  • http://lechlak.com Andrew Lechlak

    Very cool! The Boudin & Beer website loaded teraslow for me, but all of these had very cool designs.

  • http://www.myrender.com Rick Feit

    Awesome collection! I love the use of hand drawn illustration on websites. It is hard to implement these most of the time, but when they work they look great!

  • http://www.buzz-webdesign.co.uk web design hull

    Brilliant collection, hand drawn illustration based sites are my favourite, just wish I had the talent to create some of these illustrations myself… thanks for sharing

  • http://designmodo.com Adrian

    Really an informative blog and provides a lot of information about ow to illustrate and design websites. One of those blogs which are really useful! Good work! Keep it up!

  • http://designmodo.com Adrian

    Really an informative blog and provides a lot of information about how to illustrate and design websites. One of those blogs which are really useful! Good work! Keep it up!

  • http://www.senabi.com Senabi Infotech

    Cool! What a collection! Truly its a valuable blog with lots of info.

  • http://www.richythomas.com Richy

    An Awesome collection of sites Chris…

    The many faces of Leanardo DiCaprio is my Favorite – the drawings of the Goonies are the best! :)

  • JANOO

    AWESOME post man………….>>>
    keep it up……….

    but when are you posting jquery tutorial……… waiting 4 a long time.

  • http://www.martinlucas.co.uk Martin Lucas

    Great selection, will bookmark as I'm sure this will be needed in the future.

  • http://kylesteed.com Kyle Steed

    Wow! Thank you so much for featuring my personal website and my steedicons website. I don't know how long it's been since we last spoke, but I hope you are doing well. I miss the early days of Chat Creative, when life seemed to move at a slower pace. Anyways, best of wishes to you, and congrats on keeping this site running.

    • http://www.rebeen.com Rebeen

      Oh! Your website is very cool! I like it! :)

  • http://www.rebeen.com Rebeen

    Nice colection! Great style for website! Thanks for sharing! :)

  • http://oykun.com oykun

    haha, <a href="http://mikekus.com/">Mike Kus</a> takes the list with 5 works of him above :)

  • http://jardleyjean-louis.com Jardley

    Anders Nilsen site is also very good and interactive. http://www.andersbrekhusnilsen.com/

  • http://www.thewebsquad.com/ Paul

    Pretty cool designs, reminds me of the times I used to go to the <a href = "http://www.thewebsquad.com/our-services"&gt; The Web Squad </a>

  • http://www.dzinepress.com Dzinepress

    love to get all design related inspiration for my own illustrations. thanks for sharing

  • http://shmector.com waider

    Thanks for sharing!!!

  • Chad L

    I've recently redesigned my site. It's got that hand drawn thing.

    http://www.laforcemultimedia.com

  • http://solutionstudio.rs Solution Studio web dizajn

    This sites are very refreshing. I would like to get client who would like this kind of website design. Best regards from <a href="http://solutionstudio.rs">Web dizajn</a> crew.

  • http://www.wordpresstemplates.net/ Wordpress Templates

    Wonderful and wobbly! Awesome collection! Steedicons looks serious eye candy!