Wireframe & Mock Up

Wire Frame

A wire frame is a visual tool for suggesting the layout and structure of a web site. Wire frames can include basic layout, information to be contained within differing sections of the page, and navigation. For this site there is only one page where content is dynamically generated within it. For example, when you “navigate” this page only the content section is updated, not the sidebar with the navigation or the header with the logo.

Mock Up

With a mock up we can take the basic layout and information structure and give it some style. Usually, this will be a process where we try a few differing designs and see what we like best and what seems to carry your message as effectively as possible. Here is an example of an early mock up for this site.