UI Design

A mockup that ignores empty states isn’t finished design

We design interfaces that survive being built, which means every component comes with its loading, empty, error, and long-content states, and every colour pair clears accessibility contrast before it reaches a developer. Design that hands off cleanly is the difference between a build that ships and one that gets renegotiated.

Replies within one business day. Files are yours, in your workspace, from day one.

“Our developers keep asking what happens when it’s empty.”

Every component we hand over includes its empty, loading, and error states. See the process

“The design looked great and shipped badly.”

Usually a handoff problem. Tokens and states fix most of it. See the plans

“Our interface has fourteen shades of grey.”

That’s what a design system prevents. The review counts them for you. Start with a review

“We need brand and logo work.”

That’s the branding service, not this one. Different discipline. Read who this isn’t for

Track record

18
Years building for the web
850+
Clients served
90+
Notable brands
2,000+
Projects delivered
104%
Year-over-year growth

These figures cover every Gatilab service, not this one alone. We’d rather say that plainly than imply a per-service record we haven’t published.

Brands we’ve delivered work for

  • IBM
  • Adobe
  • HubSpot
  • Canva
  • Monday.com
  • IATA
  • FreshBooks
  • Acer
  • Asus
Three ways in

Review what exists, build a system, or design continuously

Everything is delivered as tokens and components rather than flat screens, because a picture of an interface is not a specification for one.

Start here

You want an expert read on what’s wrong

For teams with a live product or site who know the interface is inconsistent but not why.

$800 one-time

Up to 10 screens · 1 to 2 weeks

  • Heuristic and consistency review across key screens
  • Accessibility contrast and target size audit
  • Colour, type, and spacing inventory, with the duplicate count
  • Component inconsistency map
  • Prioritised fix list, ranked by effort and impact
Book the review

Credited against a design system booked within 30 days.

Ongoing

You ship interface work continuously

For product teams shipping features monthly who need design capacity without a full-time hire.

$2,800 per month

3-month minimum

  • Design work for features in your roadmap
  • System maintenance as new patterns emerge
  • Design review of what your developers built
  • Accessibility checks before release
  • Direct work with your engineers
Talk about a retainer

Capacity is named in advance. We won’t quietly take on more than we can do well.

How it runs

What your developers actually receive

Most design handoffs fail at the same three places: states, tokens, and responsive behaviour. Each stage here targets one.

  1. 01

    Inventory what exists

    Week 1

    We count every colour, type size, spacing value, and near-duplicate component in the current interface. The number is usually much higher than teams expect, and it makes the problem concrete rather than aesthetic.

    You leave with: A written inventory, with the duplicate count.

  2. 02

    Build the token layer

    Week 2

    Colour, type, spacing, and radius become named tokens with light and dark values, each pairing checked for contrast. Getting this right first means individual screens stop being colour decisions.

    You leave with: A token set, contrast-verified in both themes.

  3. 03

    Design real components

    Weeks 3 to 6

    Every component gets its default, hover, focus, active, disabled, loading, empty, error, and long-content states. The states are the actual work. The default state is the easy part and the one that usually ships alone.

    You leave with: Components with every state specified, not just the happy path.

  4. 04

    Hand off so it survives

    Weeks 7 to 8

    Documentation covering when to use each component, what not to do with it, and how it behaves responsively, plus a walkthrough with the developers who’ll build it.

    You leave with: Docs, a walkthrough, and files in your own workspace.

Honest fit

Worth booking, or worth looking elsewhere

UI design is easy to sell as pretty pictures. Two of these are reasons we decline.

Worth booking

  • Someone will actually build what we design.
  • You want accessibility treated as a requirement.
  • You can involve developers during design, not only after.
  • You want a system rather than a set of screens.
  • You want the files in your own workspace.

Look elsewhere

  • Your budget is under $800. That’s the review floor, and design below it is a template you could buy directly.
  • You need brand identity, a logo, or visual identity work. That’s a different discipline and a different service on this site.
  • Nobody is available to build it. Designs that sit unbuilt for six months get redesigned, and you’d be paying twice.
  • You want screens only, no states or tokens. We’d be handing your developers a guessing game, and it always comes back as rework.
  • You want us to also build the front end. We specify for developers and can review their work, but we’re not selling both sides of that handoff.
Before you ask

The questions that decide it

Something not covered? Ask directly and you’ll get a straight answer, not a calendar link.

Why do you charge for states rather than screens?

Because states are where interface work actually lives. A dashboard with data is the easy view. The same dashboard with no data yet, with one item, with a failed request, with a name forty characters long, or mid-load is four or five real designs. Teams that skip them get those decisions made by whichever developer hit them first, at 5pm.

Do you deliver in Figma?

Usually, and in your workspace under your account, so ownership is never a question. If your team works somewhere else, say so. What matters more than the tool is that you get tokens and documented components rather than flat pictures of screens.

Is accessibility included or extra?

Included, and not optional. Every colour pairing we ship is measured against WCAG contrast thresholds rather than eyeballed, in both light and dark. We’ve caught brand colours that fail at small sizes on our own projects, so this isn’t theoretical. Interactive targets get checked for size too.

Can you work with our existing design system?

Yes, and extending a system you already have is usually the better purchase. The review will tell you honestly whether the existing system is worth building on or whether it’s accumulated too many exceptions to be a system anymore. Both answers happen.

What if our developers deviate from the design?

Usually a sign the design ignored a technical constraint, so the first question is what made it impractical rather than who deviated. The retainer includes reviewing what got built and either fixing the design or documenting the deviation as the new standard. Systems that don’t absorb reality stop being used.

Do you design mobile apps?

We design responsive web interfaces and web apps. Native iOS and Android have their own platform conventions that deserve someone who works in them daily, and we’d be learning on your budget. We’ll say so rather than take the project.

Next step

Send us the screens that bother you most

Share a link or a few screenshots of the interface and tell us what keeps getting argued about. We’ll tell you whether it’s a component problem, a token problem, or a process problem, before you buy anything.

Replies within one business day. Reviews start within a week.