Wireframes are a visual representation of the of the goals and requirements found in the project brief, with commentary on functionality and usage. A complete wireframe package would also include IA, personas, and user flows.

Wireframes may include reference to existing pages, or visual layout suggestions.

Oversimplified or “directional” wireframes allow stakeholders to quickly understand content groupings, functionality, and basic layout on a page. This is often the first step towards gaining consensus before formal wireframe creation begins.

Mobile variation on an online calculator. Annotated for functionality requirements.