33 Great Examples of Web Design Sketches

Sketching is a technique mainly used by designers for web and graphic design projects.There are times you get stuck and frustrated in design process of a website so a piece of paper and a pencil will be a great helper for you.Sketching will help you stay focused on designing websites or blogs.Many of you may think website sketching is an old school but it is a proven method to visualise first concepts to your clients.

In this post,i want to showcase examples of website sketches.Here are 33 examples of web sketches.

 

Personal Website UI Sketch

website sketches

Advertisement

Source

 

SAM-Website Sketches

website sketchesSource

 

OoPixel Website Paper Sketch

website sketchesSource

 

Web Sketch

website sketchesSource

 

Timanttiremontti.fi Website Initial Sketch

website sketchesSource

 

Web Sketch

website sketchesSource

 

The Washington Post – Post Points Website Sketch

website sketchesSource

 

Website Sketches

website sketchesSource

 

Bermuda Triangle Site Organization

website sketchesSource

 

Website Thumbnail

website sketchesSource

 

Original Sketch

website sketchesSource

 

Vimeo Profile Page Idea

website sketchesSource

 

GEOINT2009 (Microsite)

website sketchesSource

 

Coastal Capital Partners Wireframe Sketch

website sketchesSource

 

Cartoonity.com UI Sketch

website sketchesSource

 

CommLogix Wireframe Sketch

website sketchesSource

 

Librespeak Interface Sketch

website sketchesSource

 

Best of Philly Sketch

website sketchesSource

 

Vimeo Conversations Page Ideas

website sketchesSource

 

Sketching

website sketchesSource

 

OnlyJames Wireframe Sketch of Article Detail

website sketchesSource

 

Quick Idea for the Order Of Magnitude Homepage

website sketchesSource

 

Sketched Wireframe

website sketchesSource

 

SAMHSA.gov Redesign

website sketchesSource

 

War Of The Roses

website sketchesSource

 

Image-based Search Results for Museum Collection

website sketchesSource

 

Sketched Wireframe

website sketchesSource

 

Wireframe-mlift-index

Live Page
website sketchesSource

 

Wireframe-index page-dz

Live Page
website sketchesSource

 

Wireframe-index-credit

website sketchesSource

 

Moving Menu Options

website sketchesSource

 

Initial Ideas for a New Blog Design

website sketchesSource

 

BlogEngine Add/Edit Posts Form

website sketchesSource

Designbeep Staff

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.

9 Comments to 33 Great Examples of Web Design Sketches

  1. Love these sketches! I love UX sketching, and used a photo of one for the cover of my book on experience design. I’m still feeling pretty crafty and old school cool about my use of tracking paper to do layered sketches.

  2. Hey Arshad, did you follow same procedure for this new design of yours? BTW, it looks great, can you possibly share on how you worked on it? Its minimal, but looks elegant at the same time. Nice work. I always enjoy your articles, but this new layout of yours made me leave a comment.

  3. Smart collection of wirframes, too many young designers start designing in PS first – sketching out the concept delivers awesome UI and design time and time again. Great stuff…

  4. Awesome collection. So inspiring. Sketching offers something unique to web designers. It looks very attractive to visitors. Thanks for sharing such a good post.