By Akhter on September 26, 2012

40 Examples Of Web Design Sketches And Wireframes

Don't Forget to participate in a contest where you can win custom logo design package from LogoDesignBundle.


Sketching is not a new technique and now it has been widely used in the web designing process as well. By using the sketching technique in your web design, you can create a feeling of personal touch, and in this way you can give your website a personal touch. Sketching is the basic and most important phase of any design work. Whenever, designers get stuck in the middle of a design process, they take a piece of paper and a pencil and start sketching whatever comes to their mind. Sketching technique helps the designers to jot down their thoughts and ideas.

In this round up, we have put together some great examples of website designs that demonstrate effective use of sketching technique within the website design. Let us look into this collection and see how far the creativity of the designers can take their artworks.

Librespeak Interface Sketch

Coastal Capital Partners Wireframe Sketch


Jaws Article View Sketch

War of the Roses

Original Sketch

Personal Website UI Sketch

SAMHSA Redesign – Drawn Wireframe

Initial ideas for my new blog design

BlogEngine Add/Edit Posts Form – sketch

OnlyJames Wireframe Sketch of Article Detail

Best of Philly Sketch

Image-based Search Results for Museum Collection

Moving Menu Options

5 Year Campaign Site Sketch

Wireframe Mlift Index

OoPixel Website Paper Sketch Website Initial Sketch

Web Sketch #16

Website Thumbnail

Sketched Wireframe

Design Utilities – Wireframing Template

Sketch: Vimeo Conversations Page Ideas

CommLogix Wireframe Sketch

Vimeo Clip Page Top Nav


UserScape Wireframe Sketch

BPG – UI Sketch 2

HBO True Blood site


UI Sketch

Design Strategy

Vimeo Sketch

Early BusinessWeek Sketch

Vanilla Draft Wireframes

Final Notes

The Washington Post – Post Points Website Sketch

Bermuda Triangle Site Organization

Website Sketched

So, after browsing through this inspiring collection what is your opinion about using sketching technique in web designs? Aren’t the web designs with hand drawn sketches look cool and appealing and make your web design stand out? For your inspiration, we have compiled these excellent examples of web design sketches. We hope that you will like this collection. Enjoy!

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.


The very heart of your writing whilst sounding agreeable at first, did not settle very well with me personally after some time. Someplace within the paragraphs you were able to make me a believer but just for a while. I nevertheless have a problem with your leaps in assumptions and one would do well to fill in those breaks. In the event you actually can accomplish that, I will definitely end up being fascinated.
Website Design

I can totally relate, I have tons of wireframes, its always good to see other people’s work!

Who needs a wireframing tool when you can sketch beautifully like these! Sure require some great skills.

Great post, really helpful, i pinned it, Thank you!

Grandísimo post! realmente util, muchas gracias!

Gone are the days of arts like this was the best. Designers should try this type of art.

I love these vision boards and doodles! It’s very cool to see a website visualized before it gets developed into a working website.

Thanks so much for sharing!

Lovely web design examples! Thank you for inspiration :)

Very interesting! I will use it for my own clients about web design in Costa Rica. Thanks for the article.

The article about website designed is a very great.I think everybody should follow the article.
Thank you fir share it.Website Design Dubai

We offer Web 2.0, W3C XHTML, User Interface Designs, Web Designing, Graphic Designing, Animation, Logos, Posters, Brochures, Banners, Business Cards and other services like webhosting and advertisments on website

Sorry, the comment form is closed at this time.