Wire Frame & Interface Design

Once we’ve agreed a brief, working with you to establish your business objectives for the new site, the next part of the process is creating a wire frame design.

What is a wire frame and how does it benefit you?

A wire frame is a mock-up demonstrating key features like calls to action and navigation and showing where functionality such as video, forms and tools are required. You can see an example below:

This wire frame is the blueprint for the key pages on your site. It’s an invaluable project tool as it allows you to review, tweak and amend what goes into the final design. It gives you a chance to see what your site will actually look like, and make revisions to functionality.

That doesn’t mean everything is set in stone, but the wire frame defines the scope for the page layout, navigation and interactive areas. Getting this stage right helps us take the most efficient path to get what you want in the finished build and ultimately make sure your budget is used wisely.

User interface design shows how function and form will work on the page

Next step is producing a mock up version of the finished design. Where the wire frame is your blueprint showing the structure of the page, the user interface design allows you to see how the finished pages will look.

We’ll ask you for visual reference points: sites you like, designs you like and images you like to inspire our initial designs. We don’t expect you to be experts in design – that’s what we’re here for. We can advise you on what works and what doesn’t, giving you opinions and insight based on our experience.

This is a two way process. We work with you to get the design you want. Only once the designs meet your approval do we move on to the next stage.

• Find out more about the technical design and production stage