Wireframes are visual representations of a website or app’s layout that show the basic structure of its content and user interface. They are typically created during the early stages of a design project to help establish the site or app’s architecture and functionality. Wireframes are often created using simple shapes, lines and labels, and do not include detailed design elements such as colours, images, or typography. Instead, they focus on the placement of content, navigation menus and other interface elements. Wireframes are useful for exploring different design concepts, and for communicating design ideas to clients and stakeholders. They can be created using a variety of software tools such as Sketch, Adobe XD or Figma, or can be sketched out by hand.

Wireframes form the basis for digital prototypes