Skip navigation

We are still here! - Following government advice we are now working with most of our staff at home, but otherwise operating as normal. Please see our Contact page for more information on the best way to contact us during this time.

Blog > Using wireframes for web design

We use "wireframes" during the design of our websites. These are simple page layouts without colour, with the various elements of the page laid out as an example of the site. Wireframes help us put the user experience first and make sure the design makes things easy for users.

We produce wireframes for different pages but the home page is most important. It needs to present multiple messages, direct different types of visitors to the right content, and encourage people to get in touch. Wireframes help manage the balance of great design, looking after the users, and achieving your objectives. They also mean:

  • Every feature is considered in the design from the start
  • It's easier to test alternative layouts and prioritise different elements
  • We learn more about what you want from your website
  • There are more ideas for content and design
  • The site is clear and easy to use
  • Your goals for the website are applied

Here are some wireframe examples from our own website which was re-launched in June 2010, with design and wireframes from Jen Germann. Click the images to see the full size wireframes.