Wireframes (aka mock-ups) are visual representations of the website you want to build. They are often a digital version of the initial sketches you made when brainstorming your vision.

Rather than using actual images or objects that will be used in the live site, wireframes use placeholders to layout the design and determine actual sizes and spacing of the various page elements.

Below are some examples of wireframes and the design process. Wireframes were made at Moqups.com


Objective: create a wireframe model for a sample home page at Vibram.com

US Bank

Objective: create a wireframe replica of USBank.com page.

Orbit Studios Media

Objective: create advanced wireframe replica of Orbit Studios Media home page.
(Dimensions used for replica (right) are the same as the actual web site.)