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.

There’s something about the combination of digital design with handcrafted art that never gets old. We’ve seen great website designs featuring doodles, sketches, and illustrations for years but every week there’s fresh new examples that continue this “trend”.

Even though we’re in the digital age, abundant with clean, minimalist and crisp designs, sometimes it’s like a breath of fresh air seeing hand-drawn illustrations on websites and prints. Hand-drawn illustrations, doodles, drawings, and sketches will surely make any design stand out. They add a great dose of character and personality to any design and make it fun and friendly.

This showcase rounds up 25 inspiring examples of websites featuring super cool hand-drawn illustrations, from quirky hand-drawn typography to cute character doodles.

Yoke

yoke Hand Drawn Illustrations

Yoke is yet another good example of a website that uses hand-drawn elements. This one has a smartphone that opens up as a book on the lower half of the website. It uses the flat design trend for its illustrations and has an overall simple and clean design with a hamburger menu on the upper right side of the screen. Have a look and find your inspiration.

Legwork Studio

Legwork Studio Hand Drawn Illustrations

Legwork Studio has an impressive website that contains a really nice slider with hand-drawn illustrations. This website uses a flat color palette, an interesting choice of fonts and a simple, fullscreen layout. On this slider, you will see various animated hand-drawn illustrations, so check out the live version.

Legwork Studio Archive

View the website Hand Drawn Illustrations

This is the Legwork Studio Archive website on which you’ll see some amazing examples of hand-drawn elements which are scattered throughout the background. The whole website design has a handcrafted atmosphere and even the menu font looks like it was handwritten.

Joby

Joby Varghese Hand Drawn Illustrations web design

Joby’s website works as a personal online scrapbook and starts with a large hand-drawn illustration. You can also say ‘Hi” to Joby or have a look at all the projects he’s worked on until today.

Dean Oakley

Web Design Gold Coast, Australia WordPress Websites

Dean Oakley is a web designer and developer and this is his personal website on which you can have a look at his latest works. His website uses a hand-drawn illustration as a background which gives his site personality.

Pure Dating

PURE The Hookup App

Pure Dating is yet another cool website that uses hand-drawn illustrations to make the website’s minimalist design even more compelling.

Sketchnotes

Sketchnotes Hand Drawn Illustrations

Check out this website’s background which is formed out of hand-drawn elements. It’s almost like a hand-drawn pattern! You can also go ahead and click the link to see all the works this artist has done over the years.

Nasty Creatures

Nasty Creatures Hand Drawn Illustrations

Nasty Creatures’ website a unique minimalist design that uses a hand-drawn illustration that looks like a creature with horns. Each horn is linked to a different category which presents aspects of this company’s business. In this way, Nasty Creatures managed to add personality to their website and to present their business in a compelling way.

N.Design Studio

N.Design Studio Hand Drawn Illustrations

The next example has some amazing hand-drawn elements and illustrations. Have a look at the way this website’s web design layout is composed and check out its unique header and menu bar. This website can definitely grab visitors’ attention. Have a look and find your inspiration in this amazing example!

Cantilever

Cantilever Fish & Chips

Cantilever is yet another cool website that uses hand-drawn illustrations in its web design layout. Have a look at this website and check out the way it mixes hand-drawn elements with a light gray palette.

Štěpán Mareš 

Štěpán Mareš

Did you know you can use handwritten illustrations in portfolios? This will add a more personal touch to your portfolio. Štěpán Mareš’s website has a dynamic design which definitely fit his passion for comic books. You’ll also notice a really nice hand-drawn illustration which portrays himself working on a new comic.

Kevin Monger

View the website

Experiment with hand-drawn doodles in web design! This will support the main content of the site. You can place sketches on the background of the site, like in this example. Find out more about Kevin Monger on his website and check out the way he integrates hand-drawn elements in his website’s design layout.

IWillChangeIt

I Will Change It

Show your creativity through illustrations in web design! Have a look at this designer’s portfolio website and get inspired by all those amazing illustrations.

Who is Red

Red Russak Hand Drawn Illustrations web design
Let your visitors explore their imagination and challenge their creativity through your design. This example is Red’s business card website that uses a hand-drawn illustration of himself. Even the choice of typography is nice, as it is inspired from hand-drawn elements.

The Greenaway Pro

The Greenaway Pro

With handcrafted websites, you can also emphasize the words that deliver the strongest message with some handwritten fonts, just like in this example. This is yet another cool website which can be a good source of inspiration. It uses a hand-drawn text which presents the Greenaway charity event. Have a look!

Marie Catribs

View the website Hand Drawn Illustrations

Marie Catribs’s website uses some really nice and different hand-drawn typography which makes her website look really friendly. All these different typefaces give a personal touch to this website’s interface design. Have a look and get inspired.

Bord

View the website Hand Drawn Illustrations

Have a look at Bord, a website which focuses on promoting an which can turn your device’s screen into a blackboard on which you can draw.

Project Fedena

Open Source Student Hand Drawn Illustrations

Fedena is a school management software and this is its website. This website opens door to plenty possibilities and this is exactly what the illustrations suggest.

Denise Chandler

Denise Chandler Hand Drawn Illustrations

Denise Chandler has a really nice personal website. It starts with an animated illustration next to which you’ll see huge white typography which is also inspired by hand-drawn elements. Scroll down to find more of her doodles!

POW

Pow_ Zero Hand Drawn Illustrations

Have a look at POW, a website that also uses hand-drawn elements with a superhero theme. They even use a hand-drawn typography inspired from comics as a logo!

Boudin & Beer

Boudin, Bourbon & Beer Hand Drawn Illustrations

Boudin & Beer has used hand-drawn illustrations in both the website’s header and the menu bar’s icons and logo. This is definitely a good example of using illustrations in your design projects.

daydreamdesigns.co.uk

Daydream Designs Hand Drawn Illustrations

Daydream Designs is a made of a team who is never tired of creating innovative designs. The website has an impressive hand-drawn illustration as its background which is definitely worth checking out and get inspired from.

Beavory

Beavory Hand Drawn Illustrations

Beavory’s hand-drawn illustrations will definitely brighten your day. Check out this website and find your inspiration.

Stuff & Nonsense

Stuff & Nonsense website design

Stuff & Nonsense has an amazing large illustration as the first thing the website’s visitors see. It definitely adds personality to the website and can easily grab visitors’ attention. This example can be a great source of inspiration for your projects.

The Many Faces Of… Leonardo DiCaprio

The Many Faces Of

Last but not least, this website uses a couple of really nice hand-drawn illustrations which visitors can discover while scrolling the website. This is a creative way of making content more eye-catching and of keeping the reader interested.

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

37 Comments

  1. luiza says:

    Thank you!

  2. Wordpress Templates says:

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

  3. Solution Studio web dizajn says:

    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.

  4. Chad L says:

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

    http://www.laforcemultimedia.com

  5. waider says:

    Thanks for sharing!!!

  6. Dzinepress says:

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

  7. Paul says:

    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>

  8. Jardley says:

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

  9. oykun says:

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

  10. Rebeen says:

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

  11. Kyle Steed says:

    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.

  12. Martin Lucas says:

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

  13. JANOO says:

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

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

  14. Richy says:

    An Awesome collection of sites Chris…

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

  15. Senabi Infotech says:

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

  16. Adrian says:

    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!

  17. Adrian says:

    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!

  18. web design hull says:

    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

  19. Rick Feit says:

    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!

  20. adam says:

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

  21. Andrew Lechlak says:

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

  22. Pavan Kunala says:

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

  23. Mark Armstrong says:

    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

  24. New Web Templates says:

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

  25. Jon says:

    Awesome collection! I love JustDot…

  26. Marco Berrocal says:

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

  27. Tim Wills says:

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

  28. SEO High Wycombe says:

    Some of these are just stunning!

  29. ropafranklin says:

    Great good designs! Thanks :)

  30. Martin says:

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

    http://timandsimon.co.uk

  31. kimberly lawrence says:

    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.

  32. Simon clavey says:

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

  33. Sara says:

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

  34. Sara says:

    You can add this site also.

    theseopackages.com

Leave a response