wireframe: an image or set of images which displays the functional elements of a website or page, typically used for planning a site's structure and functionality.

Invision wireframes for site redesign concept

I created a clickable set of wireframes for a website redesign we were tasked with at iostudio.

Annotated wireframes for new web app

The Creative team created these wireframes and asked me to annotate them, explaining technical and interaction details. This added much value to the wireframes for the developers, and enabled all people involved in the project to work from a shared understanding of the website's functionality. I added in-context annotations as well as sidebar notes to explain or summarize the content. The two main functional sections of the website are designated by the two main colors here, blue and green.