Design Step 1 – Wireframe
As with all web design projects, we start with the wireframe.
The wireframe is a two-dimensional depiction of a page’s interface that shows the spacing of elements on the page, how content is prioritised, what functionalities are available, and how users will interact with the site. Think of the wireframe as the foundations of your house, if we don’t have a solid foundation to start, then all the stuff we put on top of it, like the colours, imagery and style, really don’t stand a chance.
The key to a good wireframe is simplicity. No colours, fonts, styling or imagery should be used in a wireframe as these distract from the structure and functionality of the website.