Description
A wireframe is a visual guide to the layout of a site, focusing only on structure, not on the sites look and feel.
For example, the above image is a wireframe for a website found online. Notice that it does not include the images, and the font choice is deliberately random, to indicate that its just placeholder text.
Thats so that viewers will understand that theyre supposed to focus on the “framework” of the site where the different components of the site are located relative to each other rather than the details of the various elements.
Your set of wire frames should include mock ups for your intended
Home page,
Item page,
Visualization heavy page,
Text-Based Details page, and
Generic About page.
To draw your wireframes, you can use Axure, Photoshop, Visio, PowerPoint etc.