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.


View the website

Web Designer Wall

View the website


View the website


View the website


View the website

Mark Forrester

View the website

Sushi & Robots

View the website


View the website

Project 365

View the website

Yellow Bird Project

View the website

TechAdventure DC

View the website


View the website


View the website


View the website


View the website

Snopp Media

View the website

Kev Adamson

View the website


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


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


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


View the website


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.

  • Konstantin

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

    ~ K.

  • Design Informer

    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.

  • Tutorijali HDonWEB

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

  • Belinda

    These are gorgeous! Thanks for showing them.

  • squareart

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

  • jay design

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

  • paul

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

  • Mike Smith

    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.

  • Michael Pitzer

    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…

  • William Knight

    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!

  • Mark


    nice collection, thnx for sharing.

    Web Design Company London

  • CodeMyConcept

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

  • Stratos

    What was awesome :O


  • Peter Malecha

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

  • Eko Setiawan

    Great list, we have inspiration now…Thanks…

  • Jonathan

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

  • Web Design Philadelphia

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

  • Callum Chapman

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

  • Website Design Contest

    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

  • Michael Web

    This is the best part :)

  • alen

    thanks chris

  • alen

    Great list, we have inspiration now…Thanks…

  • Chris Ingram

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

  • Jan Cavan

    Thanks for including Dawghouse Design Studio in this list!

  • Krishna

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

    A nice list to refer back to! :)

  • m a r c o

    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…

  • Jessette

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