The redesign, and the room it is actually used in

The first version of TeamTipOut was a dark interface with a blue accent and everything in a card. It is the look an app has when nobody chose a look: not ugly, not wrong, just the shape the defaults make when you are moving quickly and design is the thing you will get to later.

It worked and it shipped and people used it. What bothered me was not that it was plain. It was that it was harder to read than it needed to be, in the exact conditions it gets used in.

The room the app is actually in

TeamTipOut is opened at the end of a shift. The person holding the phone has been standing for nine hours, it is past midnight, the room is loud, and they want a number. That is the whole design brief and the first version was not written against it.

“The people using it are tired, it is midnight, and the room is loud. Design for that room or do not bother.”

Dark grey on slightly less dark grey is a fine aesthetic and a poor choice for tired eyes at arm's length. Everything being a card meant every element had the same visual weight, so the figure people came for did not stand out from the labels around it.

What changed

The rebuild went to a warm editorial system: cream, forest green, a mint accent, a display face for figures and a clean interface face for everything else. Bigger numbers, far fewer containers, horizontal rules instead of cards. The tokens were laid down first and then every screen was rebuilt against them in one pass, which is the only way I have found to stop a redesign becoming two designs.

Three palette tokens failed contrast checks on the way through and were darkened rather than exempted. That is worth saying because it is where redesigns usually go quietly wrong: the new look is signed off, one colour does not pass, and the rule gets an exception instead of the colour getting a fix.

The honest part

I could have done this at the start. I did not, because the first version had to exist before I knew what it was for, and I would probably make the same trade again. But there is a difference between shipping a plain first version deliberately and calling the defaults a design. The first is a schedule. The second is a story you tell yourself.