Wireframing

Designing a website infrastructure

Most websites take the following form – a header (top of page), a footer (bottom of page) and the central body (middle of page where your content appears). In order to streamline development time, our designers use a series of wireframes to map out the functionality of your site and to plan your site hierarchy. As these diagrams show, it is the same system that we employ when designing an internet website for The Logo Factory.

(Above) Original header wireframe

(Above) Original footer wireframe

(Above) Combined header and footer wireframe with rough body section added

(Above) Once we’ve finalized on a wireframe design, we can begin to mock up the various design elements of the skin. Colors, textures and graphic elements can all be laid in for visual reference.