What are wireframes and prototypes?

Wireframes. In simple terms, a wireframe is a simplified, black and white version of your website designed to plan out the content of the website, prior to moving forwards with time-expensive design elements. Wireframes are a very important part of a bespoke design process as they reduce the amount of iterations at the design stage. Wireframes are quick to iterate on and to get the content and structure of the website right before moving into design.

Prototypes. Prototypes are mockup websites and follow on from a wireframe or planning process. They can communicate designs and the functionality and features of your website as they will work in the web browser. Interactive prototypes focus on factors such design and navigation as well as information layout & architecture. They are engineered to make sure the website visitor’s experience (user experience or ‘UX’) is optimal.