Wireframes

A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritisation of content, functionalities available, and intended behaviours. For these reasons, wireframes typically do not include any styling, colour, or graphics. 

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. 

Wireframing is a way to design a website or app at the structural level. A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added. 

Wireframes are much easier to adapt than a concept design which is why they are so integral to the design process. It is quicker and cheaper to review and amend the structure of the key pages in a wireframe format. It will also provide the client and the design team confidence that the page is catering to user needs whilst fulfilling the key business and project objectives.