Wireframes are a set of images which displays the functional elements of a website or page, typically used for planning a site’s structure and functionality. Our team created annotated wireframes for each section of our application to illustrate content placement and flow.
Before creating the wireframes we made a paper prototype and conducted a series of quick evaluations. From there we iterated on design to produce a cohesive set of wireframes. We then were able to further iterate on design and use the wireframes to produce visual designs and high-fidelity mockups of the application.