Feb
1
2010

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


Early Ember

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

Original photo here
by playingwithshapes

Vimeo Video Browser Module


Vimeo Video Browser Module

Original photo here
by Soxiam

Vimeo Conversations Page Ideas


Vimeo Conversations Page Ideas

Original photo here
by Soxiam

Mega-Drop Down Explorations

Mega-Drop Down Explorations

Original photo here
by jvbates

Visible Change History in Sketches


Visible Change History in Sketches

From an interesting article on Wireframe Magazine about how to highlight change history in sketches.

Original post here

Audio/Video Manager Project


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

Video Detail Page

Original photo here
by jvbates

Adaptive Path Sketch Example


Adaptive Path Sketch Example

Original photo here
Original post here

Person Page


Person Page

Original photo here
by Jason Robb

Things touch


Things touch

Original photo here
Original post here

About the Author: Mudith Parakkrama

A Web/ UI Designer in Colombo Sri Lanka with 5 years of experience working with web sites and currently employed full time at Virtusa.

Leave a comment

Ads

MudithOnline
FahadhOnline