twimco.Let’s talk ↗︎
Menu
Field notes / Product & engineering

The admin screen is where your software earns its keep.

Customers see the polished part. Your team spends the whole day in the back office, which is usually where a product quietly falls apart. So let's take a typical admin screen apart, one piece at a time.

Editorial engraving of a bright support office where a physical control panel has been taken apart and laid out on a pegboard, with a man in a headset pointing at a search dial and a young engineer sorting the parts with a laptop on her knee.

Internal admin tools decide how fast your team can fix a customer's problem. A useful back office lets staff find a record by what the customer actually says, see its full history, make corrections as named actions with a reason, undo or resend safely, see what the customer sees, and act only within their permissions. Design it around your five most common support cases before polishing anything customers see.

The screen everyone forgot to design

Picture the admin screen in a lot of young products. It was built the week before launch, usually by the engineer who had a spare afternoon. There's a table with an ID column, a created date, and a status. Click a row and you get a form with every field in the database, all editable. At the bottom there's a red delete button.

Customers never see it, so it never got a design review. But your support and operations people live in it. It's where a wrong address gets fixed, a stuck order gets nudged, and a confused customer gets an answer. When it's thin, your team routes around it with spreadsheets, private notes, and messages to engineering asking someone to "just check the database."

The website says the software works. The admin screen tells you whether the business does. Let's take a typical one apart and see what each piece costs, then rebuild it around real work.

Part one: the search box

Most default admin screens search by ID, or by an exact email match. That's fine for the person who built it, who thinks in IDs.

Customers don't. They call and say "I ordered the blue one on Tuesday," or "it's under my husband's name," or they read off the last four digits of a card, or a tracking number from a carrier email. Every time the search can't take what the customer gives, someone opens a second tool to translate.

What to build instead: search by the things people actually say. Name, partial email, phone, order or booking reference, tracking number, the reference printed on an invoice, maybe a date range. Show enough in the results, such as items, amount, and location, that staff can confirm the right record without opening five.

A simple check: listen to ten support calls or read ten tickets and write down the first thing the customer offers. That's your search spec. On a marketplace, do it for both sides, because buyers and sellers describe the same booking or order in completely different words.

Every missing admin feature turns into a database query someone runs at 6 p.m., or a ticket to a developer.

Part two: the edit form

The all-fields-editable form feels flexible. In practice it's where quiet damage happens. Someone changes a status by hand to get an order moving, and the step that should have happened with that status, an email or a stock reservation or an invoice, never runs. Someone fixes an amount and nobody knows why it changed, or who changed it.

What to build instead: turn the common corrections into named actions. "Change delivery address." "Issue a partial refund." "Reassign to another location." "Resend confirmation." Each one runs the steps that should go with it, asks for a reason, and writes a line into the record's history.

Then make the history visible right there: what happened, when, who or what did it, and why. Plenty of fields should be read-only for most people, because a status should be the result of something happening, not a dropdown anyone can set.

Raw editing doesn't have to disappear. It belongs to a small group, behind a permission, with the same history line.

Decision guide

Default admin vs. a back office built for the work

ConsiderationTypical defaultBuilt for the work
SearchBy ID or exact email.By name, phone, reference, tracking number or date.
ChangesEvery field editable, no reason recorded.Named actions that run their steps and ask why.
HistoryHidden in logs, if anywhere.On the record page: what, when, who, why.
MistakesA delete button and a ticket to engineering.Archive, reverse, resend and retry, with permissions.
Customer's viewStaff guess what the customer is looking at.A read-only view of what the customer sees.
Illustrative comparison of common defaults; not a client system or screenshot.

Part three: the missing buttons, and the one that shouldn't be there

Here's what's usually missing:

  • Undo, or a safe reversal. If staff can cancel something, they should be able to reverse an honest mistake within reason.
  • Resend. Emails, receipts, and notifications get lost. Resending shouldn't need an engineer.
  • Retry the step that failed. If a sync or payment step failed, show it, and give the right people a way to run it again once the cause is fixed.
  • See what the customer sees. A read-only view of their account or order page ends a whole category of "what are you looking at?" conversations.
  • Leave a note. A short internal note on the record beats a thread in a chat tool nobody will find next month.

And the button that shouldn't be there: delete. Records that matter, such as orders, customers, payments, and bookings, should almost never vanish. Archive, cancel, or void them, with a reason, and keep the trail.

Each of these is small to build. Each one missing becomes a request to engineering, a workaround, or a guess.

Part four: what the screen doesn't tell you

Even a well-built form can leave staff guessing about the one thing they most need: what's going on with this, and what should happen next.

A useful record page answers those questions without a second tool. It shows the current state in plain words, including "waiting on the customer" or "partly done." It shows linked records, such as the shipment, the refund, and the previous order. It shows what the customer was last told, and when. And it suggests the likely next action for the common cases.

Permissions belong here too. A new support hire and an operations lead shouldn't see the same buttons. Decide who can refund, who can change a price, and who can see sensitive details, and let the screen reflect it, rather than trusting everyone to remember the rules.

How the work moves

Rebuild the back office from real tickets

  1. Pick five request types

    The ones your team handles most often.

  2. Walk each one on today's admin

    With the person who usually handles it.

  3. Count the detours

    Extra tools, copied values, questions to someone else.

  4. Build for those detours first

    Search, named actions, history, the missing buttons.

  5. Walk them again

    Same five tickets, new screen, same person.

Illustrative method, not a measured result.

Rebuild it around five real tickets

You don't need a big redesign to fix this. You need five tickets.

Pull the five kinds of request your team handles most often. For each one, sit with the person who usually handles it and walk through it on the current admin. Count the tools they open, the things they copy, and the moments they have to ask someone else. Those moments are the backlog. Write them down in the order they happen, with the person's own words for why. "I check the payment tool because the admin doesn't show refunds" is a requirement, already written.

Then build for those five, in order, before anything else in the back office. Search that takes what the customer says. Named actions with reasons. History on the page. The two or three buttons that end the most messages to engineering.

When we design a web application, the customer side and the team's side share the same understanding of what's happening, and we build the recovery paths and admin controls along with the parts customers see. That's how our web application work is meant to run. If your team has quietly become the integration layer behind a polished site, bring us your five most common tickets, and we'll walk through them with you.

Related work: Spin:Market.

twimco.

We build alongside the people doing the work.
Bring us the problem you’re thinking about.

Related work

Spin:Market ↗︎