What is Wireframe?

A wireframe is a basic, usually black-and-white layout of a page. It shows where headings, text, images, forms and buttons will go, and how the page flows, without the final colors, fonts and photos.

It matters because it separates structure from style. You can focus on whether the page answers visitors' questions in the right order and puts the main action in a clear place. Changing a wireframe is quick and cheap compared with changing a finished design or built site.

Wireframes are a good way to involve your team and get agreement before design starts. They also keep a project on track and reduce surprises. We use wireframes to plan key pages around your goals, then design and build from the approved structure.