· A wireframe is a visual guide to the layout of a site, focusing only on structure, not on the site’s look and feel.

Graphical user interface Description automatically generated

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 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 wireframes should include mock ups for your intended

· Home page,

· Item page,

· Visualization heavy page,

· Text-Based Details page, and

· Generic About page.