Skip to main content
Interface and experience design

Interfaces designed for the person using them all day

Good interface design is mostly invisible. Nobody praises a form that was easy to complete or a list that remembered their filter. They simply get their work done and move on. That is the standard we design towards, particularly for software that people are required to use rather than choose to use.

Designing software people are obliged to use

There is an important difference between designing a consumer application somebody downloads voluntarily and designing the system a warehouse supervisor must use for eight hours whether they like it or not. Consumer design competes for attention. Business design competes with the paper notebook the supervisor will quietly return to if your screens waste their time.

That shapes everything we do. The most frequent task receives the fewest interactions, even if that makes a rarely used administrative screen slightly less elegant. Fields that can be filled automatically are filled automatically. The keyboard works so hands never need to leave it during repetitive entry. Lists remember what you were looking at. Errors appear next to the field that caused them, as you type, rather than at the top of the page after a long form is rejected.

None of that is decorative and none of it shows up in a screenshot. It shows up in whether the data in your system is accurate a year later, because software that is slow to use gets filled in from memory at the end of the day, and data entered from memory is fiction.

Structure before decoration

We begin with what a screen is for and who is looking at it, not with colours. That means deciding what must be visible immediately, what can be one interaction away, what belongs on a separate screen entirely and what should not exist at all. Removing things is usually the highest value activity in interface design and the hardest to persuade people to accept.

Once structure is agreed, we design a system rather than a set of pictures. A type scale that stays readable from a small phone to a large monitor. Spacing that repeats consistently. Colours with defined roles. Components such as buttons, tables, forms, alerts and empty states that behave identically everywhere. The benefit is that the product can grow for years without drifting into visual chaos, because new screens are assembled from parts that already exist.

Light and dark, done properly

Many products claim a dark appearance and deliver an inverted one, where text becomes hard to read and brand colours vibrate against a black background. A proper dark scheme is a second complete design decision, with its own contrast relationships and its own adjustments to shadow, elevation and colour intensity.

We build both schemes as sets of design tokens, so every colour has a defined role rather than being written into individual components. The interface respects the device preference by default and offers a manual switch that is remembered, and both schemes are checked for contrast rather than assumed to pass.

Accessibility as a baseline

Around one person in five has an impairment that affects how they use software, and many more are temporarily affected by bright sunlight, a broken arm or simple tiredness. Designing for that range improves the interface for everybody, and in many organisations it is also a legal expectation rather than a courtesy.

Our standard includes sufficient contrast, text that scales without breaking the layout, a logical heading structure, labels properly connected to their fields, visible focus indicators for keyboard use, targets large enough for imprecise taps, meaning never carried by colour alone and respect for the reduced motion preference. These are not extras, they are what a finished interface looks like.

Designers who build what they draw

A common source of waste in software projects is a design produced in isolation and then handed to developers who discover that parts of it are impractical, expensive or impossible with the real data. Because the same team designs and builds here, that gap does not exist. If a layout would require an unreasonable number of database queries, we know while it is still a sketch, and we find an approach that looks right and performs well.

What we produce

  • Screen inventory and structure plan
  • Task flows for the most frequent actions
  • Wireframes for complex screens
  • A design system with reusable components
  • Light and dark colour schemes as tokens
  • Responsive layouts for every breakpoint
  • Accessibility review against real criteria
  • Working front end code, not only pictures

Tools

HTMLCSSBootstrap Design tokensResponsive layoutWCAG criteria
Principles

Six rules we apply to every interface

Optimise the common case

Find the action performed hundreds of times a day and make it as close to instant as possible. Rare actions can afford an extra click. Frequent ones cannot, and the cumulative saving is enormous.

Remove before adding

Every element on a screen competes with every other element. Before adding something we ask what could come off, because a screen with six clear options beats one with twenty that nobody can scan.

Forgive mistakes

People misclick, mistype and change their mind. Confirmations for destructive actions, undo where possible, drafts that survive an accidental refresh and errors that explain what to do rather than what went wrong.

Show the state honestly

People should always know whether something saved, whether it is still processing and whether it failed. Silent interfaces create anxiety, duplicate submissions and support calls that were entirely avoidable.

Design the empty state

The first screen a new user sees is usually empty, and it is the moment they decide whether the software is worth learning. An empty state should explain what goes here and offer the first action, not show a blank table.

Work for everyone

Contrast, keyboard operation, screen reader structure, scalable text and generous targets. Designing for the range of real human ability is simply what a finished interface looks like.

Design questions

Frequently, yes. A review of the most used screens often finds a small number of changes that remove a large amount of daily friction, such as reducing steps in the main workflow, fixing form behaviour, improving contrast and making lists remember their state. That work is far cheaper than a redesign and usually delivers most of the benefit.

Yes. We can produce a structure plan, a design system and front end code for another team to integrate. We prefer to deliver working HTML and CSS rather than static images, because that removes the interpretation gap where a build ends up subtly different from the design.

By watching them work. Sitting with the people who use the current system for an hour reveals more than a month of speculation, particularly the workarounds they have stopped noticing themselves. Where a system already exists, usage data tells us which screens matter and which were never used.

Yes. We work with existing brand colours and typography, adjusting only where a colour fails contrast requirements or a typeface is unreadable at small sizes. In those cases we propose an accessible variant that stays recognisably yours rather than abandoning the brand.

Have software your team complains about?

Tell us which screen causes the most frustration. A focused review often finds changes that pay for themselves within weeks.