Line25

35 Creative Examples of Doodles in Web Design

Read the full post

The everyday doodle is often left hiding away in a designer’s sketchbook, never being fufilled in life as a complete design, but every now and again doodles get their chance of being part of the big picture. In web design, designers often strive to inject creativity into their interfaces and layouts. The good old pencil can be a highly useful tool that can easily add personality to a design, giving that feel of originality that you just don’t get with crisp, smooth digital effects. This showcase of creative doodles in web design provides a wealth of inspiration and shows how hand-drawn elements can add add that tactile and low-fi feel to a website design.

N.DesignStudio

View the website

Web Designer Wall

View the website

Lucuma

View the website

Carsonified

View the website

Biola

View the website

Mark Forrester

View the website

Sushi & Robots

View the website

Joby

View the website

Project 365

View the website

Yellow Bird Project

View the website

TechAdventure DC

View the website

RedVelvetart

View the website

Odosketch

View the website

Frozn

View the website

Foodtease

View the website

Snopp Media

View the website

Kev Adamson

View the website

Leihu

View the website

Legwork Studio

View the website

Suie Paparude

View the website

Alessandro Cavallo

View the website

Adam Amarel

View the website

Creative Week

View the website

10 Words

View the website

Cog’nition

View the website

Belzebu de Saia

View the website

Kid Acne

View the website

Kris Colvin

View the website

A Crayon’s Life

View the website

Pikaland

View the website

Story Pixel

View the website

The Brew Magazine

View the website

We Are Not Freelancers

View the website

Dawghouse Design Studio

View the website

Matt

View the website

Rox

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.

34 Comments

  1. Konstantin says:

    Great list Chris. Beautiful! Right what I need for my Monday morning inspiration ;) Thanks for sharing!

    ~ K.

  2. Great roundup Chris. I was going to say that it’s an excellent Monday Morning round-up, but it’s still Sunday evening here. :)

    Nice collection. Definitely a great source of inspiration. While this trend might be slightly overused, I think if done right, it can really make a website look very nice.

  3. Excellent list Chris. Just like everything you publish on line25 :-)

  4. Belinda says:

    These are gorgeous! Thanks for showing them.

  5. squareart says:

    Stunning list, very inspirational.
    - as are you: )
    Thanks Chris.

  6. jay design says:

    Great collection. I think this kind of web design is becoming more appealing at the moment.

  7. paul says:

    Nice list!
    What is the best technique for creating doodles in web design?
    Draw it with a pencil and then scan it in?

  8. Mike Smith says:

    I have to admit Chris, I’m a bit sad that I didn’t make the list :(

    This is a killer list though. My favorite kind of site designs to be honest.

  9. Michael Pitzer says:

    Nice collection. Thankfully you only focus on great work as I know a few of things I’ve created would find their way on to the not so great list…

  10. William Knight says:

    I recently became friends with a Wacom tablet and am very excited to apply some of these concepts to my future projects. These are great examples! Thanks Chris Spooner!

  11. Mark says:

    Hay!

    nice collection, thnx for sharing.

    Regards,
    Web Design Company London

  12. It is amazing what having no limits can do with designers creativity. I wasn’t even able to pick a favorite.

  13. Stratos says:

    What was awesome :O

    Thanks!

  14. Win a Wacom Tablet- help us design a new logo for anchorblue.

  15. Eko Setiawan says:

    Great list, we have inspiration now…Thanks…

  16. Jonathan says:

    Can’t get more unique than if you doodle it yourself. Thanks for rounding up these great looking sites.

  17. This is a good collection of doodle sites. I enjoyed checking them out. I love building sites artistic like these you have listed.

  18. Whilst on the topic of doodles, if anyone is looking to add a doodle touch to their site without too much effort, check out my latest social media icon pack: The Little (Free) Sketchy Monster Social Icon Pack :)

  19. I liked web designer wall a lot and thanks for including it in the list. I am going to build a site and going to post it in a contest held by grafikguru.com

  20. alen says:

    Great list, we have inspiration now…Thanks…

  21. Chris Ingram says:

    I love to see this kind of design on websites, too bad i’m not creative/arty enough to do this myself

  22. Jan Cavan says:

    Thanks for including Dawghouse Design Studio in this list!

  23. Krishna says:

    I love the “doodle” style on websites, I think it adds a touch of personality…

    A nice list to refer back to! :)

  24. m a r c o says:

    Really cool post… Very creative and inspiring websites. I started in this business because as a kid, all I did was doodle around… Drawing caricatures on my school books (I have the attention span of a fruit fly)… As a grown-up I still do (every phone conference I have ends up being nothing but a date on top of the page and nothing but caricatures). I honestly hadn’t ever considered putting any of that on the web… until just now. So a very enthusiastic thank you for your post…

  25. Jessette says:

    I’m browsing through designmeltdown.com and I came upon this site. I’m happy to see my design is included in the list. :D Thanks!

Comments are now closed