45 Examples of Doodles and Sketches in Web Design

Examples of Doodles and Sketches in Web Design

The trend of using sketches and doodles in website design has been gaining popularity. Essentially, the word doodle means a kind of a sketch, or you could say a simple drawing having real representative meaning, and a doodle can simply be an abstract shape.

Today’s post showcases a collection of some excellent and creative uses of doodles and sketches in website design. We hope that you will find this assortment helpful and inspirational for you. As you browse through this collection, you will unearth scores of different approaches that can be used while applying doodles and sketches to a web design.

Doodles and Sketches in Web Design

Examples of Doodles and Sketches in Web Design

A Crayon’s Life
A Crayon's Life

Art Attack
Art Attack

Miki Mottes
Miki Mottes

Denise Chandler
Denise Chandler

Just Dot
Just Dot

Natrashka
Natrashka

Kev Adamson
Kev Adamson

Joby
Joby

N.Design Studio
N.Design Studio

Beavory
Beavory

Real Web Designs
Real Web Designs

Low Morale
Low Morale

Philippe Mignotte
Philippe Mignotte

Schlafman
Schlafman

Kez Human Jukebox
Kez Human Jukebox

Creative Week
Creative Week

Li Chin’s Showcase
Li Chin's Showcase

Yellow Bird Project
Yellow Bird Project

Wing Cheng
Wing Cheng

Alessandro Cavallo
Alessandro Cavallo

London Made
London Made

Sebastian Mrazek
Sebastian Mrazek

The Creative Dot
The Creative Dot

Legwork Studio
Legwork Studio

Aribeo
Aribeo

10Words
10Words

Robbin Waldemar
Robbin Waldemar

Heather Sloane
Heather Sloane

WeFail
WeFail

Smallman Records
Smallman Records

Kiddk
Kiddk

It Looks Good
It Looks Good

Mark Forrester
Mark Forrester

Deborah Cavenaugh
Deborah Cavenaugh

Mobious
Mobious

Tennessee Vacation
Tennessee Vacation

Sour Sally
Sour Sally

Nizlop JCB Site
Nizlopi JCB Site

Frocktastic
Frocktastic

Adline
Adline

The Neighbourhood
The Neighbourhood

O’lala
O'lala

Mustache
Mustache

Knock Knock Factory
Knock Knock Factory

il etait une foire
il etait une foire

Conclusion

Through this assortment, we aimed to show you an interesting approach to make your web designs look more lively. Hand drawn sketches are no doubt the best way to make your graphical representation or web design memorable and unforgettable. Share your opinions with us: what you have to say about using doodles and sketches in web designs and what you feel about this showcase.

Jameel Khan is a web graphic designer and has been working in this field for 4 years. He also writes for other blogs and is also the founder member of webdesigncore.com. His biggest passion is blogging and vector illustrations.

Comments

  1. / Reply

    I love this collection and I love this trend in web design. The sort of “mixed media” approach really makes these designs stand out. This is a great way to breathe more life and individuality into your website — especially for creative sites like individual designer portfolios or design firms. In fact, I tried to do something similar to this in my own design portfolio by adding an illustration of myself — I think that’s a creative way to show people who you are while simultaneously showing off your illustration and design skills. I hope to see more of this across the web, rather than all of the same flashy “web 2.0” designs.

    Thanks for sharing these examples, Jameel!

  2. / Reply

    Hi,
    Nice collection. I also use it on my recently created blog although it wasnt sketched by myself I purchased a vector pack with a bunch of doodles. You can include it on the list if you want.

    Once again, great post.

  3. / Reply

    Hey Jameel, Very nice collection. I love to use my sketches every. I have used in my website, facebook, twitter everywhere.do have a look http://www.ashokrathod.co.nr.

  4. / Reply

    I agree a good collection and a nice trend, however there is a fine line between visually aesthetic and sloppy or “young” looking (young, defined as if said by someone over 30 (DTAO30) :). I really like the ones that ar emore subtle because it can also quickly become very ‘busy’ looking.

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Elegant Themes Coupon Code: 20% discount

While most other WordPress theme sites charge per theme, Elegant Themes is an amazing deal as you pay just once for access to 87 premium WordPress themes and a…

WrapPixel Coupon – 25% Discount

If you’re looking for an HTML or PSD template for your next website, checkout the selection of templates at WrapPixel made for web developers, designers, and agencies. You can…