What is wireframing?


Wireframing and planning is the blueprint for your website, it allows us to plan the layout and elements without colour or font distractions. It helps both you and the designer understand the functionality for the site, without wireframes we would merely be guessing. Most importantly it’s where you figure out what works and what does not.


Wireframes are simple black and white layouts that outline site features, conversion areas, specific sizes of banners and placement of page elements. It forces everyone to look objectively at the site, and clarify any expectations.

Here's why we like to use wireframes to plan websites

Wireframes exist as an intelligent layout to make design changes more efficient. The major benefit is that you visually will make more informed decisions not based on photography, content and colour.

Wireframes are an extremely important phase of the web development process. While it’s tempting to skip this step and proceed directly into design, it pays off in the long run to create a blueprint in between the conceptual site planning and development of the site. 

Creating a blueprint will allow us to give the new site a test run; to see how easy or difficult it is to locate pages, to make sure dropdown menus make sense or if something might confuse users. 

A wireframe does not contain finished design elements, nor display exactly what will appear on the page. This process really speeds up the impending design process with quick and easy changes being made earlier on rather than after the design has had hours of work go into it. 

Wireframing also improves content development and user interface. We will ensure your content informs and persuades while arriving at a formatting decision that will benefit your user experience and sales funnel.

When content issues are addressed during the wire framing stage, changes are a piece of cake. However if they are dealt with later on during the finishing design process this can slow the project down and can affect the overall schedule.

Diff'rent strokes for diff'rent folks


Our passionate team are always flowing with creative ideas, especially when it comes to developing an Excite Active website. We always ensure that wireframing is included in the intricate process and work closely with you to craft the very best vision for your site.

The draft plan of a website can be broken down into three different components; navigation design, interface design and information design.

The navigation systems offer a set of screen elements that allow the user to move from page to page through the site. The navigation design should demonstrate the relationship between the links so that users understand the options they have when navigating through the site. The website will often have multiple navigation structures.

User interface design includes organising and selecting interface elements to assist users to interact with the functionality of the website. The point is to facilitate usability and efficiency as much as possible. Common elements include action buttons, check boxes, text fields and drop-down menus.

Lastly, information design is the presentation and placement of information in a way that makes it easiest to understand. Information design is included in the area of graphic design, meaning to display information as clear and effectively as possible. Information elements should be organised in a way that reflects the goals and actions of the user.

We all know a picture is worth a thousand words, and we want your project to meet all your expectations. We like to give our clients a clear understanding of what is going to be developed and wireframes do exactly that!