Skip to main content

Web Apps & Software

From Manual Workflow to Web App: Mapping Users, States, and Handoffs

Turn a manual process into an implementation-ready workflow map before deciding which web application screens or features to build.

By Sunbot Labs

Updated

5 min read

Scattered forms, email, and spreadsheets becoming a structured web application with records, states, owners, and actions.

How the workflow connects

  1. 1Observe the current trigger
  2. 2Name the record being managed
  3. 3List states and transition owners
  4. 4Mark system and human handoffs
  5. 5Derive screens from required actions

Teams often describe a proposed web app as a collection of screens: dashboard, form, report, and admin area. Mapping the work first produces a clearer scope. A simple request workflow shows how people, records, statuses, rules, and interfaces connect before screen design begins.

Name the record that moves through the process

Choose the central business record: a request, application, case, order, job, or approval. List the information it gains over time and the evidence needed to move it forward. A shared record prevents each screen from inventing a different version of the same work.

For a service request, the record might begin with requester details and a description, then gain an assigned owner, assessment, scheduled work, completion notes, and approval history.

Write transitions as accountable actions

Replace vague statuses with explicit transitions. Instead of saying a request becomes approved, record who may approve it, what must already be present, which time is captured, and what happens next. This turns labels into rules that can be implemented and tested.

  • Current state and permitted next states
  • Role allowed to make the change
  • Required fields or checks
  • Notification or integration event
  • Audit information to retain

Mark handoffs and waiting time

A handoff occurs when another person or system must act. Record the recipient, information passed, expected response, and escalation path. Long waiting periods often indicate the most valuable reminders, queues, or integrations in the first release.

Do not automate a handoff that still has unclear ownership. Software can send a notification, but it cannot decide which team is responsible unless the business rule exists.

Derive a focused screen inventory

Once actions are clear, group them into interfaces: an intake form, an assigned-work queue, a record detail view, an approval view, and a small configuration area. Each screen now has a user, purpose, and set of permitted actions. Features that do not support the mapped workflow can move out of the first release.

Map a service request before drawing screens

Consider an operations team that receives requests by email, copies details into a spreadsheet, asks a manager for approval, schedules the work, and sends status updates manually. The record moving through the process is the service request—not the email, spreadsheet row, or eventual calendar event. Give it an identifier and list the information required at each decision.

The first map might use received, needs information, ready for review, approved, scheduled, in progress, completed, and cancelled. Each transition names the actor, required fields, evidence created, notification, and exception path. Only then should the team derive an intake form, review queue, request detail, schedule view, and customer status page.

A service request mapped from intake through decisions, handoffs, waiting states, and application screens.

Visual guide

From business record to application screens

Screens follow the work: first define the record and transitions, then identify the interface each actor needs.

  1. 1

    Service request

    Name the record and the information that must remain together.

  2. 2

    States

    Describe meaningful stages, including waiting and cancelled work.

  3. 3

    Transitions

    Name the actor, action, rules, and evidence for each change.

  4. 4

    Handoffs

    Show ownership, response targets, and exception routing.

  5. 5

    Screens

    Derive forms, queues, details, and status views from required actions.

Starting with the record prevents the application from becoming a disconnected collection of screens.

Test the map with difficult cases

Run real examples through the map before treating it as a specification. Include a request with missing information, a duplicate submission, a rejected approval, an unavailable staff member, a customer cancellation after scheduling, and a task completed outside the system. Ask where the record waits, who notices, and how the normal path resumes.

The map is implementation-ready when another person can determine the expected state and next action without interpreting unwritten policy. It does not need every future report or preference. It does need the first complete workflow, permission boundaries, source systems, notification responsibilities, failure behaviour, and acceptance scenarios.

Missing information, rejected approval, unavailable ownership, and cancellation used to test the workflow map.
A small scenario table exposes missing requirements before development begins.
ScenarioExpected stateOwnerEvidence
Required detail missingNeeds informationIntake team or requesterMissing-field reason
Approval rejectedRevision required or closedRequesterDecision and comments
Assignee unavailableReassignment pendingOperations managerAssignment history
Customer cancelsCancelledService teamCancellation source and time

Practical questions

Questions that often come up

How detailed should the initial workflow map be?

Detailed enough to identify records, users, states, important rules, integrations, and exceptions. Field-level specifications can follow once the operating model is agreed.

What if the current process differs by employee?

Document the variants and the reason for each. Some reflect valid exceptions; others are workarounds. The future workflow should make that choice explicit rather than hiding it.

Work with Sun Cluster

Planning a similar system for your organization?

Sun Cluster designs custom web applications around real users, business records, workflows, and system boundaries.