UX case study · Field inspection · Hospitality compliance

STC Inspector: one workflow for the inspector on site and the admin behind the desk

An MVP that connects the inspector on site with the admin who assigns, reviews and closes every inspection. I worked on the UX: user stories, flows and design follow-through to hand-off.

Project
STC Inspector
Year
2025
Role
UX Designer
Team
Product Designer (UI), developers
Scope
User stories, flows, design follow-through
Platforms
Inspector app, admin hub
Status
MVP delivered
STC illustration: two people seated across a small table in conversation, with a coffee pot and cups between them, and the STC logo.
Roles
2
User stories
44
End-to-end flows
2
MVP screens
15
01 · Context

Two people carry every inspection

The platform serves hospitality in Saudi Arabia, starting with 3-star hotels and below. The inspector works in the field. The admin assigns, reviews and closes. The product had to keep both in step.

Pain points raised across the project teams, and what the MVP did with them

  • Low compliance rates

    In the MVP

    Violations carry a severity, and the compliance score sets the admin’s next action: a warning note or a certificate.

  • Too few resources for inspections

    In the MVP

    Admins see each inspector’s completion rate and active tickets before assigning, and rejected tickets come back with a reason so they can be reassigned fast.

  • Data scattered across sources

    In the MVP

    One ticket holds the facility, the form, violations, photos and the activity log.

  • Disruption during inspections

    In the MVP

    The inspection form opens pre-filled with site details, and category tabs with a progress ring keep the visit short and in order.

  • Low awareness of regulations

    Outside the MVP

    Violation lists follow the regulations, but informing facilities is left for a later phase.

  • Low service quality

    Outside the MVP

    A long-term goal the inspection data can support, not something the MVP solves on its own.

The concept covered three users. The MVP focused on the two who run an inspection; the hotel side was left for a later phase.

  • Inspector

    In the MVP

    Field inspector responsible for conducting on-site inspections and submitting verified reports.

    6 activities · 8 tasks · 24 stories
  • Admin

    In the MVP

    Manages inspection operations, assigns tasks, monitors progress and reviews submitted reports.

    5 activities · 6 tasks · 20 stories
02 · UX foundation

44 user stories became two flows, four handoffs and fifteen screens

The stories for both roles, grouped by activity. One example is shown for each; open any activity to read the rest.

Inspector: Field inspector responsible for conducting on-site inspections and submitting verified reports. 6 activities, 8 tasks, 24 user stories.

User stories

  1. 01

    Authenticate and initialise session

    5 stories
    • As an Inspector, I want to view a dashboard showing my assigned, accepted, and submitted tickets.
  2. 02

    Travel to site

    5 stories
    • As an Inspector, I want to open navigation directly from the ticket.
  3. 03

    Manage active inspections

    4 stories
    • As an Inspector, I want to open a dynamic inspection form pre-filled with site information.
  4. 04

    Record and classify violations

    3 stories
    • As an Inspector, I want to log violations for any failed inspection item.
  5. 05

    Submit and finalise report

    4 stories
    • As an Inspector, I want to review a summary of my inspection including findings, photos, and violations.
  6. 06

    Post-submission and clarification

    3 stories
    • As an Inspector, I want to receive clarification requests from admins in-app.
03 · Flows

Two flows, joined at four handoffs

Each role has its own flow. The product works because of the places where they meet.

NoYesClearClarificationSign inView myassignmentsOpenassignmentAccept or rejectassignmentAccept?Provide reason andreturn to listNavigate tositeStartinspectionRecordviolationsReview &submitClarificationneeded?End
  1. 01
    Sign in
  2. 02
    View my assignments
  3. 03
    Open assignment
  4. 04
    Accept or reject assignment
  5. 05
    Accept?

    No: provide a reason and return to the list. Yes: continue.

  6. 06
    Navigate to site
  7. 07
    Start inspection
  8. 08
    Record violations
  9. 09
    Review & submit
  10. 10
    Clarification needed?

    Yes: back to Review & submit. No: end.

  11. 11
    End

How a ticket changes status

Inspector side

  1. Assigned
  2. Accepted
  3. On Site
  4. In Progress
  5. Submitted (Under Review)
  6. Closed

Admin side

  1. New
  2. Assigned
  3. Under Review
  4. Then one of: ClosedFollow-upClarification

Where the two flows meet

  1. 01

    Admin Inspector

    A ticket is created and assigned. It appears in the inspector’s assignments.

  2. 02

    Inspector Admin

    A rejected ticket comes back with a reason, so the admin can reassign it.

  3. 03

    Inspector Admin

    A submitted report, with its violations and evidence, waits for review.

  4. 04

    Admin Inspector

    If the report is not clear, the admin asks for clarification and the inspector answers on the same ticket.

04 · Key decisions

Three decisions behind the screens

  1. 01

    What happens when an inspector cannot take a ticket?

    • The ticket is ignored
    • Reject with a reason (chosen)

    We chose

    Reject with a reason, and return the ticket to the list.

    Why

    The admin has to know why a ticket came back in order to reassign it quickly. The reason comes from a short list, with room for details.

    Trade-off

    Rejecting takes the inspector one more step, and the reasons only help if the list stays short and specific.

  2. 02

    How should violations be recorded?

    • Free text
    • Classified (chosen)

    We chose

    Classified: area, category and severity from lists, then a description and photos.

    Why

    Predefined lists keep records consistent with regulations. Every violation reaches the admin with a severity, evidence and a reference number.

    Trade-off

    A fixed list cannot cover every case, so a free-text description stays alongside it.

  3. 03

    What should the admin do with a finished report?

    • One generic action
    • Next step set by the score (chosen)

    We chose

    The compliance score sets the main action: a warning note for a non-compliant report, a certificate for a compliant one.

    Why

    An admin reviews many reports. Putting the right action first saves them from searching the ticket for it.

    Trade-off

    A score-led action can be followed without reading the report, so the full report and activity log stay in the same panel.

05 · Prototype

Click through the delivered screens

Follow a guided path, or explore on your own.

Inspector Portal sign-in screen with email and password fields and a Login button.

01 / 07

Sign in

What this screen does
Signs the inspector in to the Inspector Portal with an email and a password.
Design decision
One focused field and one primary button, with help and password recovery within reach.
From the user tasks
Task: sign in securely using credentials.

Click the pulsing area on the screen, or use Next. Screens are linked only where the delivered design links them.

My contribution

The user stories and flows for the inspector app and the admin hub, and design follow-through with the Product Designer and the developers, through reviews until delivery. Developer reviews added an explicit success state after a violation is sent.

Status and next steps

Delivered as an MVP. Post-launch figures did not reach the design team, so there are no results to report here.

Not shown in these screens: Arabic and right-to-left layouts, offline use, and the Tickets, Audit and Settings areas of the app.

STC Inspector

From a ticket to a verified report.

One workflow that keeps the inspector and the admin working from the same ticket.

Let's talk

UX work only. The interface was designed by the Product Designer on the team. STC names and logos belong to their owners.