50 Beautiful Hand-Drawn Web Design

Advertisement

Most web designs starts off with a pen and paper before its taken over by Photoshop. However, we’ve noticed a new trend (probably not too new) where designers are bringing back sketches as a form of design. Without a doubt, hand-drawn art is one of the popular styles adopted into web designs. Nothing is better than using these sketchy designs to convey and reflect individual styles.

In this post, we’d like to show you 50 great examples of how hand drawing and web design can fit beautifully together. Full list after jump.

K4 Laboratory

Esteban Muñoz

Studio IMG

Espuma Restaurant

Agami Creative

Biola Undergrad

Kusoyama

XM Radio – Wild Ride

WeFail

Web Designer Wall

Dean Oakley Web Design

Fat Heads Creative Studio

Booma Web Design

Boompa

Casio Exilim Lab

Bootb

Richard Stelmach

Dax and Alice

We Are Not Freelancers

Von Dutch Originals

Toucouleur

Simon Reynolds

Teresa Walsh

Satsu Design

St. Francis is Happy in Greenville

Squidfingers

Flossy Yannik

Pointless Ramblings

Philippe Mignotte

QuakeQuizSF

Mplusz

New Art for a New Era

Christian Sparrow

Matt – Multi Account Twitter Tweeter

Mariska

Lucuma

Mikimottes

Mobious

Kutztown University

Kitty Attack

Look Designs

Idiotic Adventures of Philippe and Pierre

Lionite Internet Ventures

Get ready to rox

Elan Snowboards

ARS Media

It Looks Good

Jesus Rodriguez Velasco

Kinetic Singapore

Bearskinrug


Related Contents

Sponsors

Posted by hongkiat in Inspiration , at 06.03.09

Tags: , , ,

Comments

  1. Web Design Booth June 3rd, 2009

    Great list! Should be able to give some inspirations to designers!

    Reply
  2. Web June 3rd, 2009

    those are awesome

    Reply
  3. Fazai38 June 3rd, 2009

    Woot. What a wonderful collection…

    Agree the drawing and sketch trend is back..
    Because trend is a cycle…

    Cool!

    Reply
  4. bebopdesigner June 3rd, 2009

    Brilliant collection! thanks for sharing

    Reply
  5. insic June 3rd, 2009

    nice collection. and nice inspirational sites

    Reply
  6. Ulti_Joomla June 3rd, 2009

    Great collection. I really like those handdrawn style designs. Here’s another one btw: http://www.parkpop-oostkamp.be

    Reply
  7. photoshop tutorial & graphic design June 3rd, 2009

    Great post! i like K4 laboratory & look designs…

    Reply
  8. bitlimakina June 4th, 2009

    thanks. Great post.

    Reply
  9. hongkiat June 4th, 2009

    Glad you guys like it. If you can draw, there’s definitely an advantage over web designers who can’t; me for instance.

    Reply
  10. tasarhane June 4th, 2009

    don’t worry you have a handmade post here.. ;)

    Reply
  11. juan esteban muñoz June 4th, 2009

    hello, thank you very much for applying my site, but the url is correct http://www.estebanmunoz.com.

    Reply
  12. Diego June 4th, 2009

    Great post. That send button in Esteban Muñoz portfolio was a bit too big for my tastes.

    Reply
  13. Marie June 4th, 2009

  14. Felipe June 4th, 2009

    Excelent! To complete your list here is a site that tell us that peeing on the shower could save the planet some water! http://www.xixinobanho.org.br/

    Reply
  15. Emilio Bello June 4th, 2009

    Very inspirational. Really awsome works!

    Reply
  16. johnny5 June 4th, 2009

  17. Franky June 4th, 2009

    SICK!!!
    I love this stuff. Im still yet to push my ill skills to the web. We’ll see!

    Reply
  18. acadterror June 4th, 2009

    damn cool collection .job well done bro

    Reply
  19. Kai June 4th, 2009

    some really nice works. great collection

    Reply
  20. Stf June 4th, 2009

    http://stephanerouille.fr is hand-drawn too (it’s mine )

    Reply
  21. iValueNews | Lee June 4th, 2009

    What a inspirational hand-drawn designs. I love it and it shows that human’s creativity is borderless. Way to go! Thanks for sharing.

    Reply
  22. Vim June 4th, 2009

    great post, really like the style of hand drawn effects, it also shows that some of these websites may have taken a long time to create.

    Reply
  23. fatheadsuk June 4th, 2009

    Great to see our site included in the list!!!

    Reply
  24. Dev the Web June 4th, 2009

    very nice collection. I likeed the most design of the ‘Idiotic Adventures of Philippe and Pierre’ :))

    Reply
  25. tetsuro June 4th, 2009

    hi, great sites! thanks.
    i think you’ll like this one too: miyazakingdom.com
    cheers, tetsuro

    Reply
  26. Senior Web Design June 4th, 2009

    Thank you for this inspirational list.

    Reply
  27. Yasser Abo El Ella June 4th, 2009

    Great post, thanks for sharing, i loved all of the designs.
    thanks

    Reply
  28. Website Design June 4th, 2009

    Awesome stuff … its truly amazing work done. We are suitably impressed. Thanks for the compilation

    Reply
  29. Ruth June 5th, 2009

    Great post. Very, very nice!!

    Reply
  30. DD June 5th, 2009

    Hand-drawn design looks very cool. I think that most important thing in such project is to not overdo with the number of details.Too many elements can distract potential user.

    Reply
  31. Rahul June 5th, 2009

    I’ve been a fan of Nick-la and this web designer wall since quite long as well. The other designs are are also quite good too.

    Really cool compilation of hand-drawn web designs.

    Reply
  32. Callum Chapman June 5th, 2009

    Amazing collection, thanks for taking the time to put this together, very inspirational!

    Reply
  33. theodin June 5th, 2009

    some really inspirational sites here, thanks for sharing!

    Reply
  34. Louie June 5th, 2009

    This is exactly what I have been looking for…so much inspiration all on the one site. I could just sit for hours admiring these talented designers. They bring so much life to a sometimes boring computer screen! Awsome!

    Reply
  35. Fart Gift June 5th, 2009

    I love hand drawn sites!

    Reply
  36. Fart Gift June 5th, 2009

    Love them hand drawn designs!

    Reply
  37. Fragonard June 6th, 2009

    Nice. Here’s one that my friend did: http://www.madteapottery.com

    Reply
  38. Chris Collin June 6th, 2009

    As long as it’s legible, hand-drawn is the way to go! I can’t get enough. Flossy Yannik is my favorite. I like the bold font.

    Reply
  39. IlCreativo June 14th, 2009

    Good collection! Very Good.

    Reply
  40. Taufiq Hasan June 15th, 2009

    wow..i cant imagine they make it by hand..

    Reply
  41. Free Templates June 18th, 2009

    What a beautiful list of designs! :) Wish to see more.

    Reply
  42. smith web designer assistant June 29th, 2009

    thanks for sharing with all

    Reply
  43. Yadir Gómez July 1st, 2009

    Que chevre!

    Reply
  44. Ashley Adams : Postcard Printing July 1st, 2009

    Those imprecise lines, those varying strokes, all that pen and pencil, ink and charcoal… everything came as a welcome break from mechanical precision and all the perfect curves and gradients that we see so often. Thanks for the beautiful (and refreshing) compilation.

    Reply
  45. John White July 2nd, 2009

    Very, Very Cool Websites!

    Check this out http://www.webedesigner.com

    Reply
  46. Littlelisa69 July 3rd, 2009

    Brilliant luvvie, wish i could draw like you!

    Reply
  47. Jose Angel Siles July 5th, 2009

    es muy interesante pero no se para que son

    Reply
  48. Jackie July 6th, 2009

    Thankyou..very inspiring.

    Reply
  49. Nitin @ Website designing in Gurgaon July 10th, 2009

    Thanks ….. great designs ….

    Reply
  50. jason July 11th, 2009

    Nice!

    Reply
  51. jmbangi July 17th, 2009

    Very Creative.. so refreshing to see new styles.. thanks for sharing.. wonder if my blog could just get a little motivated by them and kinda lean towards them.. :D

    Reply
  52. Fernando - Designdeimagem July 20th, 2009

    Awesome. Beautiful.

    Reply
  53. web designs July 25th, 2009

    These are really beautiful and awesome really good develops by hand drawn.

    Reply
  54. Hand Made Jewelry July 27th, 2009

    Web Designer Wall is one that I’ve admired for a long time. It sets the tone immediately.

    Reply
  55. Ash July 27th, 2009

    Lovely list. I love the hand-drawn design which is what our rescue animal site is like. It was made for us by Nikki from http://snailbird.com/ – you should check her out as well!

    Reply
  56. Fabian July 27th, 2009

    Beautiful designs, this style has always been a favorite of mine.

    Reply
  57. chaitrax August 3rd, 2009

    Great Collection, :)

    Reply
  58. Sherman August 5th, 2009

    Here’s one more handdrawn for your set:
    http://www.coolbrushdesign.com/

    nice collection! Thanks

    Reply
  59. beli August 11th, 2009

    I think this is really great collection of hand-drawn web designes. My personal favorite is “We are not freelancers”.


    Suchmaschinenoptimierung

    Reply
  60. twan August 13th, 2009

  61. electronic cigarettes August 16th, 2009

    Those are some really good looking sites. I really like Studio IMG, the image of the guy holding a pen is drawn very really dope.

    Reply
  62. Chelsea August 31st, 2009

    I drew my site as well: http://www.chelseabelle.com

    - Not as stylish as some of these, I’ll admit. Great list, inspirational. Thanks!

    Reply
  63. Steve Rose September 6th, 2009

  64. Increase Metabolism September 12th, 2009

    Great design collection

    Reply
  65. Ashley Adams : Postcard Printing September 19th, 2009

    I am a great sucker for good hand drawn web designs. Your list is good…….but I’ve already seen better that this. By far I liked the design of Agami Creative and Christian Sparrow.

    Reply
  66. Patrickv September 29th, 2009

    man that k4 lab theme is the real deal… damn i love that theme

    Reply
  67. Kate October 3rd, 2009

    aaaawesome collection! Really! I’m such a fan of such kind of illustrations. Thanks!

    Reply
  68. Tanu October 7th, 2009

    amazing… i am zapped

    Reply
  69. WordPress October 10th, 2009

    This very nice, thank you.

    Reply
  70. Metal roofing chennai October 21st, 2009

    Amazing and eye catching web designs

    Reply

Trackbacks

  1. 60 Beautiful Hand-Drawn Web Design | Inspiration « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit
  2. 50 ejemplos de diseño web “dibujado a mano” | Isopixel
  3. popurls.com // popular today
  4. 50 Beautiful Hand-Drawn Web Design | Inspiration | Squico
  5. 50 Beautiful Hand-Drawn Web Design | Design Newz
  6. Hand Drawn Web Design « dreamschooner.blog
  7. TagITVN.com-Cong dong chia se kien thuc CNTT
  8. Some of the Best Hand-Drawn Web Designs | Sink or Swim
  9. justbecos I like them: issue #2 » justbecos.com
  10. Retwittable Tweets! « Adrian Zyzik’s Weblog
  11. Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?
  12. links for 2009-06-04 « Mandarine
  13. seoulrain's me2DAY
  14. meneame.net
  15. 50 EJEMPLOS DE DISEÑO WEB “DIBUJADO A MANO” « Alcalasanchez’s Weblog
  16. Enlaces semanales que no he publicado (21)
  17. My Favorite Design Links of the Week | eGrace Creative Web Solutions
  18. 50 ejemplos de diseño web “dibujado a mano” 50 Beautiful Hand-Drawn Web Design | Xdatos.com
  19. Ward Kennes » Blog Archive » For webdesigners only
  20. Best of the Rest: June 1st through June 9th | creative.tjhole.com
  21. Lo más popular de Twitter (VII)
  22. 50 Beautiful Hand-Drawn Web Design « Marcus Kleinhenz
  23. Enlaces en mi del.icio.us, 15 06 2009 | Vectoralia
  24. 18 Cool Custom Handmade Fonts from HMF | Best Design Options
  25. Brian Hoff | The Design Cubicle | Collection of Design Sites « Immertia
  26. Richard Stelmach - Web Design and Multimedia Portfolio
  27. 50 Beautiful Hand-Drawn Web Design
  28. 80+ Must-Read Design Blogs to Enhance your Creativity and your Career | Creative Opera Design Blog: Creative Advice and Inspiration for Graphic Designers and Web Designers
  29. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June @ SmashingApps
  30. FreeDownloadSecrets.com » Blog Archive » 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June
  31. 60+ невероятни урока и ресурса за уеб дизайнери
  32. 40 Free High Quality Hand-drawn Fonts | Graphics
  33. OmniDownloads | 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June
  34. 40 Free High Quality Hand-drawn Fonts « Fulldigi
  35. 80+ блога, които всеки дизайнер трябва да чете
  36. 40 Free High Quality Hand-drawn Fonts | Web Masters Site
  37. Incredible 60 + tutorials and resources for designer collections to the Best of the Web in June | Internet Resources
  38. Incredible 60 + tutorials and resources for designer collections to the Best of the Web in June | Internet Resources
  39. 40 Free High Quality Hand-drawn Fonts | Desinine
  40. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June | Desinine
  41. 40 Free High Quality Hand-drawn Fonts | Mac Bargains
  42. 40 Free High Quality Hand-drawn Fonts | Ngayxanh Design Resources
  43. Sitios y fuentes tipo “hand drawn” y como instalar fuentes en mac. |  macoteca apple mac OSX, programas y diseño web
  44. Royal Citrus Clifford.com
  45. 40 Free High Quality Hand-drawn Fonts | Internet Marketing Tips and Strategy To Make Money Online
  46. 秀逸なサイトデザインのまとめ その1 | Nutspress
  47. 40 Free High Quality Hand-drawn Fonts | Design Visibility
  48. 40 Free High Quality Hand-drawn Fonts
  49. 40 Free High Quality Hand-drawn Fonts |
  50. 40 Free High Quality Hand-drawn Fonts |
  51. 40 Free High Quality Hand-drawn Fonts | MEN blog . net
  52. Roundup of Roundups
  53. 50 Beautiful Hand-Drawn Web Design | Download E-Books Free Video Training Courses Softwares
  54. Hand Drawn Web Design
  55. 50 Beautiful Hand-Drawn Web Design » WPDesignBlog - wordpress wp design blog , best wordpress themes, templates, apple blog wordpress themes, magazine style websites, affiliate, social media wordpress themes
  56. 50 дизайнов с использованием рисунков "от руки" | Дизайн-журнал №1.
  57. 50 Beautiful Hand-Drawn Web Design | FREE MAC FOR VN
  58. 40 Free High Quality Hand-drawn Fonts - Programming Blog
  59. 40 Free High Quality Hand-drawn Fonts #OMFG « JinSpiration
  60. Hand-Drawn Digital « WriteMarket
  61. 40 High Quality Hand-drawn Fonts download for Free | WebDesign Home - oNeTer.Com
  62. 40 Free High Quality Hand-drawn Fonts | 9Tricks.Com - Tips - Tricks - Tutorials
  63. 80+ Must-Read Design Blogs to Enhance your Creativity and your Career | Design Rules
  64. 50 Beautiful Hand-Drawn Web Design | 13links.com
  65. 40 Free High Quality Hand-drawn Fonts « AnaConda 4 Photoshop Blog

Leave a reply