wire frames mock up

  A wireframe is a visual guide to the layout of a site, focusing only on structure, not on the site’s look and feel.  For example, the above image(Attached file) 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 it’s just placeholder text.That’s so that viewers will understand that they’re 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. Make sure though it is converted into a PDF for readability when being submitted.