10 Beautiful Sketches for Website Prototypes

Now Reading
10 Beautiful Sketches for Website Prototypes

When you start designing a new website it’s very useful to sketch out a first idea of page layout using paper and stencil. This approach help you define easily a working draft of the final version of your website. In general this is a top-down process: you can start sketching first the main sections and then adding more details progressively. In this post I want to suggest you some interesting examples of beautiful sketches for website prototypes for your daily inspiration.

Ember

sk1

Early Ember
Ember is a Campfire client that allows you to useCampfire by 37signals anywhere you go.

Original photo here
byplayingwithshapes

Vimeo Video Browser Module

vimeo

Original photo here
by Soxiam

Vimeo Conversations Page Ideas

sk4

Vimeo Conversations Page Ideas

Original photo here
by Soxiam

Mega-Drop Down Explorations

sk10

Mega-Drop Down Explorations

Original photo here
by jvbates

Visible Change History in Sketches

sk5

Visible Change History in Sketches
From an interesting article onWireframe Magazine about how to highlight change history in sketches.

Original post here

Audio/Video Manager Project

sk3

Audio/Video Manager Project
The main app frame is created from a pasteboard, the notebook is used for single screen design.

Original photo here
by ondrejvalka

Video Detail Page

sk9

Video Detail Page

Original photo here
by jvbates

Adaptive Path Sketch Example

sk7

Adaptive Path Sketch Example

Original photo here
Original post here

Person Page

sk8

Person Page

Original photo here
by Jason Robb

Things touch

sk6

Things touch

Original photo here
Original post here

 

Read more