Page designs
We prepare designs showing all the major page types in your website or application, plus the templates for these that you need for your content management system or backend.
Our design is called a ‘wireframe’, because at this stage it doesn’t have a visual design applied to it.
We provide detailed recommendations about:
- what the site or application should do
- how it should behave
- how it should be laid out on the screen.
A suite of consistent templates
- You’ll understand how the site fits together, and have a suite of page templates to build in to your content management system
- The design lets you apply consistency across your site or application
- Your content producers can concentrate on the content rather than on the framework it sits in.
What we do
Once we have created design concepts, and have narrowed the main choices down to one key design, we work on the page designs for the site or application. This means we develop the lower-level page types. For instance, on a web site, we’d generate examples of each page type within the design direction we’ve chosen.
This might be three page types for a small site, or 20 for a large e-commerce site.
For an application, we’d typically design one or more of the major functions.
How we do it
We flesh out our initial design concepts (or yours, if you already have some) to bring your site to life.
We use the results of our design sessions with users, the activity scenarios developed in the analysis phase, and your business and design goals.
This lets us develop page designs that meet your users’ needs as well as your organisation’s requirements, to deliver an effective site or application.
Our recommendations are based on careful analysis of your users, and our experience in design patterns and principles. We typically test our designs with representative users to ensure that they can use the site or application easily.
As we develop the design, we test it continuously to make sure it does what it’s supposed to do.
What you get
Our designs are delivered in an interaction style guide, which sets out the templates and provides examples of each page type in a highly visual format.
It shows:
- Interactions – how the pages behave, what happens when you click on something
- Labelling – what things on the screen are called
- Layout – where they are placed on the screen
- Information architecture – how the menus are structured
- Navigation structure – how users will navigate the site
- Workflow – how users will move through tasks
- Process flow – how users will complete processes such as applications, forms, etc.
The templates will also show how the elements on the screen fit together as a framework. The development team will use these to build page types in the content management system.
