Wireframe and prototype
There are two steps to website design: a wireframe and a site prototype
A wireframe is like an architect’s drawing, showing you the outline of where different elements and components of a website will sit, such as banners, content, buttons, and images.
Wireframes do not include any styling, colour, or graphics. Instead, they are a two-dimensional illustration that focuses on the space allocation of components on the page in relation to one another, with an explanation of the functionality available for each component, and their intended behaviour.
This is vital, as it gives you the chance to make sure everything you need on the site from a content and media perspective has been taken into account for design before the build starts.
Once you’re happy with the wireframe, a prototype will be created that allows you to see exactly what those elements within the wireframe are going to look like, including your brand colours, fonts, images and example copy.
A prototype allows you to see the website before it gets built. You will have an opportunity to review and tweak the design to make sure it matches your vision and brand.